Treemap

📌 ¿Qué son?

El Treemap es una visualización jerárquica en forma de rectángulos anidados. Cada rectángulo representa una categoría o subcategoría, y su tamaño es proporcional a un valor numérico asociado. Es ideal para mostrar composición, distribución y jerarquías dentro de un conjunto de datos.

🔍En TOKII, permite representar múltiples KPIs o unidades comparables en una vista compacta y de alto impacto visual.

🎯 ¿Cuándo usarlas?

Visualizar la distribución proporcional de un total entre varias partes.
Comparar rápidamente magnitudes entre elementos sin eje explícito.
Mostrar categorías jerárquicas (ej. línea → máquina).
Representar datos agregados en espacios limitados (dashboard).

📥 Formatos de Envío de Datos

▸ Desde dataset

Ejemplo de estructura:

Continente	País	Población (millones)
Asia	India	1 429
Asia	China	1 416
Asia	Indonesia	285
Asia	Otros	1 005
América	Estados Unidos	347
América	Brasil	213
América	México	131
América	Otros	94
África	Nigeria	238
África	Egipto	116
África	República Democrática del Congo	109
África	Otros	126
Europa	Rusia	145
Europa	Alemania	84
Europa	Reino Unido	69
Europa	Otros	131
Oceanía	Australia	26.97
Oceanía	Papúa Nueva Guinea	10.76
Oceanía	Nueva Zelanda	5.25
Oceanía	Otros	2.80

Label: País (cada rectángulo)
Label type: String (tipo de las etiquetas)
Values: Población (tamaño de los rectángulos)
Group: Continente
Popup: Continente, País, Población

▸ Desde MQTT

{
  "India": {"value": 1429, "group": "Asia"},
  "China": {"value": 1416, "group": "Asia"},
  "Indonesia": {"value": 285, "group": "Asia"},
  "Otros Asia": {"value": 1005, "group": "Asia"},
  "Estados Unidos": {"value": 347, "group": "América"},
  "Brasil": {"value": 213, "group": "América"},
  "México": {"value": 131, "group": "América"},
  "Otros América": {"value": 94, "group": "América"},
  "Nigeria": {"value": 238, "group": "África"},
  "Egipto": {"value": 116, "group": "África"},
  "República Democrática del Congo": {"value": 109, "group": "África"},
  "Otros África": {"value": 126, "group": "África"},
  "Rusia": {"value": 145, "group": "Europa"},
  "Alemania": {"value": 84, "group": "Europa"},
  "Reino Unido": {"value": 69, "group": "Europa"},
  "Otros Europa": {"value": 131, "group": "Europa"},
  "Australia": {"value": 26.97, "group": "Oceanía"},
  "Papúa Nueva Guinea": {"value": 10.76, "group": "Oceanía"},
  "Nueva Zelanda": {"value": 5.25, "group": "Oceanía"},
  "Otros Oceanía": {"value": 2.80, "group": "Oceanía"}
}

Connected dots

Panel de información

¿Alguna pregunta? Escríbenos