Ejemplos · Mapa de calor

Mapa de calor: ejemplos

Un mapa de calor conserva filas, columnas y un número por celda. La intensidad revela patrones antes de leer cada valor. Es un mapa numérico, no un mapa de clics de analítica web.

Cuándo usarlo

  • Mostrar dos dimensiones, como equipo y día o servidor y hora
  • Detectar concentraciones y zonas tranquilas en cuadrículas grandes
  • Mantener accesibles los valores exactos de cada celda

¿Conviene otra forma?

La intensidad no permite comparar celdas con precisión. Usa una tabla en vivo o representa una columna con barras.

Ejemplos de uso

Una escala fija de utilización

Por defecto usa los extremos de la cuadrícula. options.scale fija aquí de 0 a 100 para que media capacidad tenga siempre la misma intensidad.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "heatmap",
  "theme": "ink",
  "title": "Carga de CPU por hora (%)",
  "source": "Panel de infraestructura, ayer",
  "options": {
    "scale": {
      "min": 0,
      "max": 100
    }
  },
  "data": {
    "labels": [
      "00:00",
      "04:00",
      "08:00",
      "12:00",
      "16:00",
      "20:00"
    ],
    "series": [
      {
        "name": "API",
        "values": [
          22,
          18,
          54,
          78,
          82,
          45
        ]
      },
      {
        "name": "Workers",
        "values": [
          35,
          41,
          60,
          71,
          66,
          38
        ]
      },
      {
        "name": "DB",
        "values": [
          28,
          25,
          49,
          88,
          91,
          52
        ]
      }
    ]
  }
}

Los ausentes quedan vacíos

Una medición ausente es null, no cero. La celda queda sin cifra ni intensidad y la descripción explica la ausencia.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "heatmap",
  "theme": "mint",
  "title": "Uso de funciones por plan",
  "source": "Analítica de producto, mes anterior",
  "data": {
    "labels": [
      "Editor",
      "Exportar",
      "API",
      "Compartir"
    ],
    "series": [
      {
        "name": "Free",
        "values": [
          840,
          210,
          null,
          380
        ]
      },
      {
        "name": "Pro",
        "values": [
          960,
          540,
          220,
          410
        ]
      },
      {
        "name": "Team",
        "values": [
          720,
          610,
          480,
          350
        ]
      }
    ]
  }
}
Abrir este gráfico en el creador Empezar con Crear gráfico

Preguntas frecuentes

¿Qué es un mapa de calor?

Una cuadrícula numérica donde la intensidad del fondo representa el valor. Una mayor intensidad indica un valor mayor; al lado hay cinco niveles. Destaca franjas, concentraciones y zonas tranquilas.

¿Mapa de calor o matriz de estado?

El mapa contiene números; la matriz, juicios como sí, no o parcial. Si necesitas convertir números en alto, medio y bajo para una matriz, probablemente convenga un mapa de calor.

¿Cómo se elige la escala?

El mínimo recibe la intensidad menor y el máximo la mayor de cinco niveles. Para un rango fijo, como porcentajes o notas sobre cien, establece mínimo y máximo con options.scale.