Dot plot

📌 ¿Qué son?

El Dot Plot en TOKII es una visualización matricial donde los valores se representan mediante círculos de diferente tamaño colocados en una rejilla bidimensional. Cada celda contiene un punto cuyo tamaño es proporcional al valor numérico, y su posición está determinada por dos dimensiones categóricas (por ejemplo, día y zona).

🔍Se asemeja a un mapa de calor, pero además de usar color para codificar magnitud, utiliza el área del círculo como variable visual, lo cual enfatiza la comparación relativa entre celdas.

📥 Formatos de Envío de Datos

▸ Desde dataset

Ejemplo de estructura:

Hora	Lunes	Martes	Miércoles	Jueves	Viernes
08:00	82	85	80	83	78
09:00	85	87	82	85	80
10:00	80	83	85	82	76
11:00	78	80	83	80	72
12:00	90	85	88	86	75
13:00	92	90	91	89	80
14:00	88	89	90	88	82
15:00	85	84	87	85	78
16:00	80	82	85	82	74
17:00	75	78	80	79	70
18:00	70	76	77	74	68

Label: Hora (etiquetas en el eje X)
Label type: String (tipo de las etiquetas)
Values: Lunes, Martes, Miércoles, Jueves, Viernes
Value type: Number (tipo de los datos)
Popup: (cada segmento mostrará su valor, si se quieren visualizar más datos en cada segmento se seleccionan aquí)

▸ Desde MQTT

{
  "08:00": { "Lunes": 82, "Martes": 85, "Miércoles": 80, "Jueves": 83, "Viernes": 78 },
  "09:00": { "Lunes": 85, "Martes": 87, "Miércoles": 82, "Jueves": 85, "Viernes": 80 },
  "10:00": { "Lunes": 80, "Martes": 83, "Miércoles": 85, "Jueves": 82, "Viernes": 76 },
  "11:00": { "Lunes": 78, "Martes": 80, "Miércoles": 83, "Jueves": 80, "Viernes": 72 },
  "12:00": { "Lunes": 90, "Martes": 85, "Miércoles": 88, "Jueves": 86, "Viernes": 75 },
  "13:00": { "Lunes": 92, "Martes": 90, "Miércoles": 91, "Jueves": 89, "Viernes": 80 },
  "14:00": { "Lunes": 88, "Martes": 89, "Miércoles": 90, "Jueves": 88, "Viernes": 82 },
  "15:00": { "Lunes": 85, "Martes": 84, "Miércoles": 87, "Jueves": 85, "Viernes": 78 },
  "16:00": { "Lunes": 80, "Martes": 82, "Miércoles": 85, "Jueves": 82, "Viernes": 74 },
  "17:00": { "Lunes": 75, "Martes": 78, "Miércoles": 80, "Jueves": 79, "Viernes": 70 },
  "18:00": { "Lunes": 70, "Martes": 76, "Miércoles": 77, "Jueves": 74, "Viernes": 68 }
}

Mapas de calor

Connected dots

¿Alguna pregunta? Escríbenos