Ejemplos · Treemap

Treemap: ejemplos

Un presupuesto municipal contiene áreas y servicios. El color identifica el área y la superficie de cada rectángulo, el presupuesto del servicio. Abre un grupo para comparar sus componentes con más detalle.

Cuándo usarlo

Desglosar presupuestos por áreas y gastos en la misma moneda
Mostrar horas por proyecto y tarea con una unidad común
Comparar clases de activos con la misma fecha de valoración y unidad

¿Conviene otra forma?

Las barras comparan valores casi iguales con más precisión. Para cambios temporales, usa líneas o áreas. Un treemap necesita valores positivos que pertenezcan a una suma común significativa.

Ejemplos de uso

La semana registrada de un equipo

Diseño y desarrollo contienen distintas tareas. Las superficies muestran horas, incluidas reuniones, sin equiparar tiempo trabajado y resultados terminados.

Abrir en el creador con estos datos

Ver especificación

{
  "type": "treemap",
  "theme": "editorial",
  "title": "La semana registrada de un equipo",
  "source": "Datos ficticios · horas",
  "data": {
    "labels": [],
    "series": [],
    "nodes": [
      {
        "id": "g0",
        "label": "Diseño"
      },
      {
        "id": "i0",
        "parentId": "g0",
        "label": "Investigación",
        "value": 14
      },
      {
        "id": "i1",
        "parentId": "g0",
        "label": "Prototipos",
        "value": 22
      },
      {
        "id": "g1",
        "label": "Desarrollo"
      },
      {
        "id": "i2",
        "parentId": "g1",
        "label": "Funciones",
        "value": 38
      },
      {
        "id": "i3",
        "parentId": "g1",
        "label": "Mantenimiento",
        "value": 18
      },
      {
        "id": "g2",
        "label": "Coordinación"
      },
      {
        "id": "i4",
        "parentId": "g2",
        "label": "Reuniones",
        "value": 8
      }
    ]
  }
}

Una cartera en una fecha

Los grupos son clases de activos y los rectángulos posiciones con igual fecha de valoración. Esta composición ficticia no es una recomendación de inversión.

Abrir en el creador con estos datos

Ver especificación

{
  "type": "treemap",
  "theme": "editorial",
  "title": "Composición de una cartera",
  "source": "Datos ficticios · unidades de valor",
  "data": {
    "labels": [],
    "series": [],
    "nodes": [
      {
        "id": "g0",
        "label": "Acciones"
      },
      {
        "id": "i0",
        "parentId": "g0",
        "label": "Fondo nacional",
        "value": 42
      },
      {
        "id": "i1",
        "parentId": "g0",
        "label": "Fondo internacional",
        "value": 18
      },
      {
        "id": "g1",
        "label": "Bonos"
      },
      {
        "id": "i2",
        "parentId": "g1",
        "label": "Bonos del Estado",
        "value": 25
      },
      {
        "id": "i3",
        "parentId": "g1",
        "label": "Bonos corporativos",
        "value": 10
      },
      {
        "id": "g2",
        "label": "Efectivo"
      },
      {
        "id": "i4",
        "parentId": "g2",
        "label": "Depósito",
        "value": 5
      }
    ]
  }
}

Abrir este gráfico en el creador Empezar con Treemap

Preguntas frecuentes

¿Qué significa cada rectángulo?

Su superficie indica la proporción del total y su color, el grupo. El cursor, el toque o las flechas permiten leer el valor exacto y ambas proporciones.

¿Puedo cambiar los números?

Abre el ejemplo en el creador de treemap. Se conservan grupo, elemento y valor para editarlos.

¿Un valor ausente cuenta como cero?

No. El elemento no tiene superficie, pero permanece en la tabla accesible y se identifica como ausente. Las proporciones indican cuántos elementos carecen de datos.