¿Qué formato de datos admite la herramienta?

La herramienta requiere un objeto JSON que contenga un array de etiquetas (labels) y un array de series, donde cada serie incluye un nombre y una lista de valores numéricos.

¿Puedo personalizar los colores de las capas?

Sí, puedes elegir entre esquemas de color predefinidos o ingresar tus propios códigos hexadecimales separados por comas.

¿Qué significa la opción 'Normalizar al 100%'?

Esta opción convierte los valores absolutos en porcentajes, permitiendo visualizar la contribución relativa de cada categoría al total en cada punto del tiempo.

¿Es posible ajustar la suavidad de las curvas?

Sí, puedes modificar el parámetro de suavidad de curva en una escala de 0.1 a 1.0 para obtener un aspecto más orgánico o más lineal.

¿Puedo exportar el gráfico generado?

El resultado se genera como un componente HTML interactivo que puedes integrar directamente en tus proyectos web o informes digitales.

Elysia Tools

Navegación

Data Visualization

Generador de Gráficos de Flujo

Generar gráficos de flujo suaves para visualizar el flujo de datos de series temporales, perfecto para mostrar cambios en la composición a lo largo del tiempo con formas orgánicas y fluidas

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

18 opciones

ContenidoPega o escribe los valores principales.5

Datos de FlujotextareaObligatorioDatos de series temporales para el gráfico de flujo. Cada serie representa una capa fluida a lo largo del tiempo.Título del GráficotextOpcionalTítulo que se mostrará encima del gráficoColores PersonalizadostextOpcionalColores personalizados para flujos (colores hex separados por comas). Anula el esquema de color si se proporciona.Etiqueta del Eje XtextOpcionalEtiqueta para el eje X (típicamente tiempo)Etiqueta del Eje YtextOpcionalEtiqueta para el eje Y

AjustesAjusta formatos, rangos, números y modos.8

Esquema de ColorselectOpcionalOpacidad del FlujonumberOpcionalOpacidad de las capas de flujo (0.1 a 1.0)Suavidad de CurvanumberOpcionalSuavidad de las curvas de flujo (0.1 a 1.0, más alto = más suave)Color de FondocolorOpcionalColor de fondo para el contenedor del gráficoColor de CuadrículacolorOpcionalColor para las líneas de cuadrículaAltura del GráficonumberOpcionalAltura del gráfico en píxelesValor MáximonumberOpcionalValor máximo para el eje Y (deje vacío para escala automática)Valor MínimonumberOpcionalValor mínimo para el eje Y

InterruptoresActiva o desactiva comportamientos opcionales.5

Mostrar Líneas de CuadrículacheckboxOpcionalActivado si está marcadoMostrar líneas de cuadrícula para mejor legibilidadMostrar Valores en FlujoscheckboxOpcionalActivado si está marcadoMostrar valores dentro de las capas de flujoMostrar Etiquetas de DatoscheckboxOpcionalActivado si está marcadoMostrar etiquetas de datos en puntos claveNormalizar al 100%checkboxOpcionalActivado si está marcadoConvertir valores a porcentajes mostrando contribución relativa a lo largo del tiempoMostrar LeyendacheckboxOpcionalActivado si está marcadoMostrar una leyenda debajo del gráfico

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Continuar con herramientas y temas relacionados

{"labels": ["Ene", "Feb", "Mar", "Abr", "May"], "series": [{"name": "Desktop", "data": [120, 135, 125, 140, 155]}, {"name": "Mobile", "data": [80, 95, 110, 125, 140]}, {"name": "Tablet", "data": [40, 45, 50, 48, 52]}]}

Generador de Gráficos de Flujo

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Evolución de Tráfico Web

Preguntas frecuentes

Muestras Avanzadas de Grafana

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Python

Generador de Mapa de Calendario

Generador de Diagrama de Flujo

Generador de Gráficos de Barras Agrupadas

Generador de Diagramas de Euler

Generadores de Gráficos y Diagramas

Generadores de esquemas JSON, datos mock y fixtures de API

Generadores de efectos CSS, paletas y tokens de diseno

Generadores de maquetacion y plantillas PDF imprimibles