Mapa de calor radial

Patrón cíclico de intensidad.

Definición

El mapa de calor radial pone las fases de un ciclo —horas, meses, rumbos— alrededor de un círculo y un periodo más largo en los anillos, y colorea cada celda según su intensidad. Al cerrar el ciclo, la franja que cruza la costura —la medianoche, el cambio de año— se ve como una sola mancha. Sirve para patrones horarios, estacionales o rosas de viento.

En verano la carga no se apaga a medianoche: se arrastra hasta las dos
Datos
category · value
Buena para
Ver un patrón que se repite en un ciclo y cómo se desplaza de un periodo al siguiente.
Evítala cuando
Cuando los valores tienen signo o hay que leer cifras exactas: la rampa de color es secuencial y el tono sólo ordena.
Se lee bien
Entre 2 y 24 elementos; dibuja hasta 40
Datos que faltan
Se niega a dibujar y dice qué valor falta.
Accesibilidad
Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

ColumnaTipoPara qué
categorystringEl anillo: un tramo del periodo largo (mes, año, semana, banda de velocidad). Una fila por anillo, y el orden del fichero es el orden del radio.
valuenumberCada columna numérica restante es una FASE del ciclo, y el orden en que se escriben ES el recorrido: de la primera fase a la última, que vuelve a tocar la primera. Hacen falta al menos cuatro. Las columnas de total o de base («Total», «Media», «N») se descartan por nombre, y un valor negativo se rechaza: la rampa es secuencial y no sabe decir «al revés».

Tamaños

Recompuesta, no encogida

El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.

Móvil · 528 × 789 px
Escritorio · 988 × 893 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Las columnas forman un ciclo que se cierra?

Si las columnas no dan la vuelta, un mapa de calor en rejilla se lee mejor.

Sí: quédate con mapa de calor radial

No: usa Mapa de calor

¿Hay varios periodos que comparar en anillos?

Con una sola serie cíclica, una línea radial enseña su forma sin depender del color.

Sí: quédate con mapa de calor radial

No: usa Línea radial

¿Te basta con ver la mancha, sin leer cada fase por separado?

Si hay que comparar una misma fase entre periodos con precisión, el gráfico de ciclos estacionales pone cada fase junto a sus iguales.

Sí: quédate con mapa de calor radial

No: usa Gráfico de ciclos estacionales

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('radialheatmap');
spec.data.rows = misFilas; // category, value
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿En qué orden van las fases?

En el de las columnas numéricas: de la primera a la última, que vuelve a tocar la primera. Hacen falta al menos cuatro, y las columnas de total, media o recuento se descartan por nombre.

¿Admite valores negativos?

No: la rampa de color es secuencial y no sabe decir «al revés», así que un valor negativo se rechaza.

¿Qué es cada anillo?

Un tramo del periodo largo —mes, año, semana—, una fila por anillo. El orden de las filas es el orden de los anillos.

¿Qué hace si faltan datos?

Se niega a dibujar y dice qué valor falta.

¿Cómo se ve en el móvil?

El motor la recompone a 480 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.

Relacionadas

Otras formas de responder «cómo se reparten los valores»

Guía para elegir: cómo se reparten los valores →