Ejemplos · Streamgraph

Streamgraph: ejemplos

En este año musical ficticio, la electrónica crece en verano y el ambient vuelve en otoño. Las capas de color muestran horas de escucha. Al aumentar la suma, todo el flujo se ensancha.

Cuándo usarlo

  • Mostrar cambios estacionales en la composición de un total
  • Seguir varios flujos no negativos sobre el mismo eje temporal

¿Conviene otra forma?

Compara valores exactos con líneas y totales con columnas apiladas sobre cero. Streamgraph no tiene una base cero común; los valores exactos están en la descripción emergente y la tabla.

Ejemplos de uso

Visitas por canal

Visitas mensuales ficticias. Dos campañas crean picos de correo mientras la búsqueda crece durante el año.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "streamgraph",
  "theme": "editorial",
  "title": "Cómo llegaron los lectores",
  "source": "Datos ficticios",
  "data": {
    "labels": [
      "ene",
      "feb",
      "mar",
      "abr",
      "may",
      "jun",
      "jul",
      "ago",
      "sept",
      "oct",
      "nov",
      "dic"
    ],
    "series": [
      {
        "name": "Búsqueda",
        "values": [
          120,
          140,
          160,
          190,
          210,
          240,
          270,
          300,
          330,
          350,
          390,
          420
        ]
      },
      {
        "name": "Directo",
        "values": [
          80,
          85,
          90,
          88,
          95,
          100,
          105,
          110,
          108,
          115,
          120,
          125
        ]
      },
      {
        "name": "Correo",
        "values": [
          30,
          35,
          100,
          50,
          40,
          35,
          45,
          130,
          60,
          45,
          55,
          70
        ]
      }
    ]
  }
}

Volumen de soporte

Consultas ficticias. El pico de configuración de abril baja y las dudas de facturación aumentan en diciembre.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "streamgraph",
  "theme": "editorial",
  "title": "¿Qué consultas llenaron la cola?",
  "source": "Datos ficticios",
  "data": {
    "labels": [
      "ene",
      "feb",
      "mar",
      "abr",
      "may",
      "jun",
      "jul",
      "ago",
      "sept",
      "oct",
      "nov",
      "dic"
    ],
    "series": [
      {
        "name": "Configuración",
        "values": [
          35,
          45,
          65,
          90,
          70,
          45,
          30,
          25,
          25,
          30,
          35,
          40
        ]
      },
      {
        "name": "Facturación",
        "values": [
          20,
          22,
          21,
          25,
          28,
          27,
          30,
          32,
          35,
          40,
          60,
          80
        ]
      },
      {
        "name": "Guía práctica",
        "values": [
          40,
          42,
          44,
          48,
          50,
          52,
          55,
          54,
          52,
          50,
          48,
          45
        ]
      }
    ]
  }
}
Abrir este gráfico en el creador Empezar con Streamgraph

Preguntas frecuentes

¿Qué significa el centro?

La silueta centra el grosor total de cada periodo. Su posición es una decisión visual, no un cero medido. El grosor de la capa representa su valor.

¿Admite ausentes o negativos?

Necesita un valor no negativo en cada celda. Cero es válido, pero un ausente no es cero. Para huecos, usa líneas.

¿Por qué no puedo ocultar una capa?

Dejaría una franja vacía y falsearía el total. Destácala con el cursor o cambia a líneas con una leyenda que permita ocultar series.