Categorías

← View All Tools

Stream Graph Generator

Generate beautiful stream graphs for time series data with smooth flowing animations and baseline variations

Time series data for the stream graph. Supports JSON array or simple name:value list format

Title that will be displayed above the chart

Comma-separated labels for time periods (optional)

Algorithm for calculating the baseline

Width of the chart in pixels

Height of the chart in pixels

Display background grid lines

Display series names on the chart

Background color for the chart container

Datos clave

Categoría
Data Visualization
Tipos de entrada
textarea, text, select, number, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Generador de Gráficos de Flujo (Stream Graph) permite transformar datos de series temporales en visualizaciones elegantes y fluidas, ideales para representar tendencias cambiantes a lo largo del tiempo con curvas suaves y variaciones de línea de base.

Cuándo usarlo

  • •Para visualizar la evolución de múltiples categorías a lo largo de un periodo de tiempo.
  • •Cuando necesitas comparar volúmenes relativos de datos que cambian constantemente.
  • •Para crear presentaciones de datos impactantes que requieran un estilo visual orgánico y fluido.

Cómo funciona

  • •Introduce tus datos de series temporales en formato JSON o mediante una lista simple de nombre y valores.
  • •Personaliza el aspecto del gráfico ajustando el esquema de colores, el tipo de línea de base y las dimensiones.
  • •Configura opciones adicionales como etiquetas de tiempo, cuadrículas y visibilidad de nombres para refinar el resultado.
  • •Genera el gráfico y obtén una visualización lista para usar con un diseño profesional.

Casos de uso

Análisis de tendencias de tráfico web mensual por fuente de referencia.
Visualización de la distribución de ventas de productos a lo largo de varios trimestres.
Seguimiento de la popularidad de diferentes temas en redes sociales durante un evento.

Ejemplos

1. Tendencias de ventas trimestrales

Analista de Marketing
Contexto
El equipo necesita presentar cómo han variado las ventas de tres categorías de productos durante los últimos ocho meses.
Problema
Los gráficos de barras tradicionales se ven saturados y no muestran bien el flujo de crecimiento.
Cómo usarlo
Ingresar los datos de ventas en el campo de texto, seleccionar el esquema 'Business' y configurar la línea de base como 'Centered'.
Configuración de ejemplo
[{"name": "Electrónica", "values": [30, 45, 35, 50, 40, 35, 45, 55]}, {"name": "Hogar", "values": [20, 25, 30, 25, 35, 30, 25, 30]}, {"name": "Moda", "values": [15, 20, 25, 20, 15, 25, 20, 15]}]
Resultado
Un gráfico de flujo elegante que muestra claramente la dominancia de la categoría de Electrónica y la estabilidad de las otras líneas.

Probar con muestras

json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Muestras de Comunicación en Tiempo Real WebRTC
Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización
preferred input family json
json
Muestras de Análisis de Logs ELK Stack
Muestras completas de ELK Stack para agregación, procesamiento y visualización de logs en sistemas distribuidos
preferred input family json
json

Hubs relacionados

Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de datos acepta la herramienta?

Acepta arreglos JSON con nombres y valores, o un formato de texto simple donde cada línea contiene el nombre seguido de sus valores separados por comas.

¿Puedo cambiar la posición de la línea de base?

Sí, puedes elegir entre una línea de base cero o una línea de base centrada para ajustar cómo se distribuyen las áreas del gráfico.

¿Es posible personalizar el tamaño del gráfico?

Sí, puedes definir manualmente el ancho y el alto en píxeles dentro de los límites permitidos (400-1200px de ancho y 300-800px de alto).

¿Qué esquemas de color están disponibles?

La herramienta ofrece varios esquemas predefinidos, incluyendo opciones cálidas, frías, pastel, vibrantes y de estilo empresarial.

¿Cómo se muestran las etiquetas de tiempo?

Puedes ingresar etiquetas de tiempo separadas por comas para que aparezcan en el eje horizontal del gráfico.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/stream-graph-generator

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Sí Time series data for the stream graph. Supports JSON array or simple name:value list format
chartTitle text No Title that will be displayed above the chart
timeLabels text No Comma-separated labels for time periods (optional)
colorScheme select No -
baselineType select No Algorithm for calculating the baseline
chartWidth number No Width of the chart in pixels
chartHeight number No Height of the chart in pixels
showGrid checkbox No Display background grid lines
showLabels checkbox No Display series names on the chart
backgroundColor text No Background color for the chart container

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-stream-graph-generator": {
      "name": "stream-graph-generator",
      "description": "Generate beautiful stream graphs for time series data with smooth flowing animations and baseline variations",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stream-graph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]