# 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 > Página canónica: https://elysiatools.com/es/tools/stream-graph - **Categoría:** Data Visualization - **Palabras clave:** gráfico de flujo, gráfico de flujo, series temporales, flujo de datos, visualización suave, gráfico de área, datos temporales, cambio de composición ## Descripción general El Generador de Gráficos de Flujo permite crear visualizaciones orgánicas y fluidas para representar datos de series temporales, facilitando la comprensión de cómo cambia la composición de diferentes categorías a lo largo del tiempo. ## Entradas - **Datos de Flujo** (textarea): Datos de series temporales para el gráfico de flujo. Cada serie representa una capa fluida a lo largo del tiempo. - **Título del Gráfico** (text): Título que se mostrará encima del gráfico - **Esquema de Color** (select): Seleccionar esquema de color - **Colores Personalizados** (text): Colores personalizados para flujos (colores hex separados por comas). Anula el esquema de color si se proporciona. - **Opacidad del Flujo** (number): Opacidad de las capas de flujo (0.1 a 1.0) - **Suavidad de Curva** (number): Suavidad de las curvas de flujo (0.1 a 1.0, más alto = más suave) - **Color de Fondo** (color): Color de fondo para el contenedor del gráfico - **Color de Cuadrícula** (color): Color para las líneas de cuadrícula - **Altura del Gráfico** (number): Altura del gráfico en píxeles - **Valor Máximo** (number): Valor máximo para el eje Y (deje vacío para escala automática) - **Valor Mínimo** (number): Valor mínimo para el eje Y - **Etiqueta del Eje X** (text): Etiqueta para el eje X (típicamente tiempo) - **Etiqueta del Eje Y** (text): Etiqueta para el eje Y - **Mostrar Líneas de Cuadrícula** (checkbox): Mostrar líneas de cuadrícula para mejor legibilidad - **Mostrar Valores en Flujos** (checkbox): Mostrar valores dentro de las capas de flujo - **Mostrar Etiquetas de Datos** (checkbox): Mostrar etiquetas de datos en puntos clave - **Normalizar al 100%** (checkbox): Convertir valores a porcentajes mostrando contribución relativa a lo largo del tiempo - **Mostrar Leyenda** (checkbox): Mostrar una leyenda debajo del gráfico ## Cuándo usarlo - Para visualizar la evolución de la cuota de mercado de varios productos a lo largo de los meses. - Para mostrar cambios en la composición de fuentes de tráfico web en un periodo determinado. - Para representar el flujo de recursos o presupuestos entre diferentes departamentos durante un año fiscal. ## Cómo funciona - Introduce tus datos de series temporales en formato JSON, especificando las etiquetas de tiempo y las series de datos correspondientes. - Personaliza la estética del gráfico ajustando la suavidad de las curvas, la opacidad de las capas y seleccionando un esquema de color profesional. - Configura los ejes, etiquetas y opciones de visualización como la normalización al 100% para resaltar cambios relativos. - Genera y exporta tu gráfico de flujo optimizado para presentaciones o informes de datos. ## Casos de uso - Análisis de tendencias de mercado para comparar el crecimiento de competidores. - Visualización de la distribución de audiencias en plataformas de medios. - Seguimiento de la asignación de recursos en proyectos a largo plazo. ## Preguntas frecuentes ### ¿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. ## Herramientas relacionadas - [Generador de Mapa de Calendario](https://elysiatools.com/es/tools/calendar-heatmap): Generar mapas de calor de calendario estilo GitHub para visualizar patrones de actividad a lo largo del tiempo, perfecto para rastrear contribuciones anuales, hábitos o métricas - [Generador de Diagrama de Flujo](https://elysiatools.com/es/tools/flowchart-maker): Describe nodos y conexiones con sintaxis estilo Mermaid para generar un diagrama de flujo por capas - [Generador de Gráficos de Barras Agrupadas](https://elysiatools.com/es/tools/grouped-bar-chart): Generar gráficos de barras agrupadas para comparar múltiples categorías una al lado de la otra, perfecto para comparaciones de múltiples categorías y análisis comparativo - [Generador de Diagramas de Euler](https://elysiatools.com/es/tools/euler-diagram-generator): Generar diagramas de Euler personalizables para visualizar relaciones de conjuntos, inclusiones y estructuras jerárquicas - [Generador de Gráficos de Área](https://elysiatools.com/es/tools/area-chart-generator): Generar gráficos de área personalizables desde datos con áreas rellenas bajo líneas, perfecto para mostrar tendencias y datos acumulativos - [Bar Chart Generator](https://elysiatools.com/es/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Generador de Gráficos de Caja](https://elysiatools.com/es/tools/box-plot-generator): Generar gráficos de caja para análisis de distribución estadística con cuartiles, bigotes y valores atípicos - [Generador de Gráfico de Burbujas](https://elysiatools.com/es/tools/bubble-chart-generator): Generar gráficos de burbujas personalizables desde datos con tres dimensiones (x, y, tamaño) ## Ejemplos - [Muestras Avanzadas de Grafana](https://elysiatools.com/es/samples/grafana-samples): Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato ## Contenido relacionado - [Generadores de Gráficos y Diagramas](https://elysiatools.com/es/hubs/chart-diagram-generators): Genera gráficos de barras, líneas, pastel, dona, dispersión, radar, Gantt, Sankey, mapa de calor, embudo, treemap y muchas más figuras a partir de tus propios datos en un solo hub. - [Generadores de esquemas JSON, datos mock y fixtures de API](https://elysiatools.com/es/hubs/json-generate): Herramientas reunidas para generacion de esquemas JSON, construccion de payloads mock y preparacion de fixtures de API en un solo hub. - [Generadores de efectos CSS, paletas y tokens de diseno](https://elysiatools.com/es/hubs/design-generate): Herramientas reunidas para efectos visuales CSS, construccion de paletas y generacion de tokens de diseno en un solo hub. - [Generadores de maquetacion y plantillas PDF imprimibles](https://elysiatools.com/es/hubs/pdf-generate): Herramientas reunidas para generacion de maquetacion PDF imprimible y plantillas reutilizables de documentos en un solo hub.