Ejemplos · Gráfico sunburst

Gráfico sunburst: ejemplos

La mezcla eléctrica contiene fuentes y tecnologías. El anillo interior agrupa las renovables; el exterior muestra viento, sol y agua. Los ángulos corresponden a la generación de un país ficticio, sin representar producción medida.

Cuándo usarlo

  • Mostrar una suma con grupos y componentes en la misma unidad
  • Destacar la relación de una categoría con sus partes

¿Conviene otra forma?

Para diferencias pequeñas, usa treemap o barras. Este creador admite dos niveles, sin un tercero. Las series temporales corresponden a un gráfico de líneas.


Ejemplos de uso

Visitas por canal y fuente

Los buscadores pertenecen a búsqueda y los boletines a correo. Abre un canal para comparar sus fuentes sin el resto de visitas.

Abrir en el creador con estos datos

Ver especificación
{
  "type": "sunburst",
  "theme": "editorial",
  "title": "Cómo llegaron las visitas (decenas)",
  "source": "Datos ficticios · visitas",
  "data": {
    "labels": [],
    "series": [],
    "nodes": [
      {
        "id": "g0",
        "label": "Búsqueda"
      },
      {
        "id": "i0",
        "parentId": "g0",
        "label": "Google",
        "value": 420
      },
      {
        "id": "i1",
        "parentId": "g0",
        "label": "Bing",
        "value": 80
      },
      {
        "id": "g1",
        "label": "Correo"
      },
      {
        "id": "i2",
        "parentId": "g1",
        "label": "Resumen semanal",
        "value": 180
      },
      {
        "id": "i3",
        "parentId": "g1",
        "label": "Actualización del producto",
        "value": 70
      },
      {
        "id": "g2",
        "label": "Referencia"
      },
      {
        "id": "i4",
        "parentId": "g2",
        "label": "Sitios asociados",
        "value": 150
      }
    ]
  }
}

Grupos de alimentos de un menú

Todos los valores miden energía en kcal. El menú ficticio no es una recomendación nutricional ni una comparación de pesos.

Abrir en el creador con estos datos

Ver especificación
{
  "type": "sunburst",
  "theme": "editorial",
  "title": "Energía de un menú de ejemplo",
  "source": "Datos ficticios · kcal",
  "data": {
    "labels": [],
    "series": [],
    "nodes": [
      {
        "id": "g0",
        "label": "Cereales"
      },
      {
        "id": "i0",
        "parentId": "g0",
        "label": "Arroz",
        "value": 500
      },
      {
        "id": "i1",
        "parentId": "g0",
        "label": "Avena",
        "value": 300
      },
      {
        "id": "g1",
        "label": "Alimentos proteicos"
      },
      {
        "id": "i2",
        "parentId": "g1",
        "label": "Judías",
        "value": 350
      },
      {
        "id": "i3",
        "parentId": "g1",
        "label": "Huevos",
        "value": 150
      },
      {
        "id": "g2",
        "label": "Otros alimentos"
      },
      {
        "id": "i4",
        "parentId": "g2",
        "label": "Verduras",
        "value": 200
      },
      {
        "id": "i5",
        "parentId": "g2",
        "label": "Fruta",
        "value": 250
      },
      {
        "id": "i6",
        "parentId": "g2",
        "label": "Aceites",
        "value": 250
      }
    ]
  }
}
Abrir este gráfico en el creador Empezar con Sunburst


Preguntas frecuentes

¿En qué se diferencia del anillo y treemap?

El anillo muestra un nivel. Sunburst añade grupos interiores y elementos exteriores. Treemap muestra la misma jerarquía con rectángulos que facilitan comparar tamaños.

¿Qué ocurre al abrir un grupo?

Sus elementos llenan el círculo. Vuelve con la vista total o Escape. Si hay una descripción fijada, el primer Escape la suelta y el segundo vuelve al total.

¿Puedo conservar datos ausentes?

Sí. No reciben ángulo, pero permanecen en la tabla y son accesibles con flechas. Los valores positivos demasiado pequeños se enumeran aparte y siguen formando parte de la suma.