Área polar
Valores por categoría cíclica.
Definición
El área polar divide un círculo en sectores del mismo ángulo, uno por categoría, y lleva el valor en el radio de cada sector, medido desde el centro. Funciona con categorías cíclicas como meses u horas, porque el ciclo se cierra sobre sí mismo. Se usa para comparar valores a lo largo de un ciclo.
- Datos
- category · value
- Buena para
- Comparar valores a lo largo de un ciclo cerrado, como los doce meses del año.
- Evítala cuando
- Cuando las categorías no forman un ciclo o hay que comparar con precisión: el área crece con el cuadrado del radio y engaña al ojo.
- Se lee bien
- Entre 3 y 12 elementos; dibuja hasta 2000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category · opcional | string | El sector. Un solo alias, «month»; si no casa, `findColumn` cae a la PRIMERA columna de texto. Sin ninguna, la pieza devuelve cero filas. |
value · opcional | number | El RADIO del sector, en una escala lineal que arranca en 0 (medido en PolarAreaChart.tsx:44), así que el radio sí es proporcional al valor. Un solo alias, «sales»; si no casa, cae a la primera columna numérica. |
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.
Cuándo usarla
Tres preguntas antes de elegirla
¿Las categorías forman un ciclo?
Si no hay ciclo, unas barras verticales comparan los mismos valores sobre un eje recto.
Sí: quédate con área polar
No: usa Gráfico de barras verticales
¿Hay un solo ciclo, sin otra dimensión?
Si cruzas el ciclo con otra variable, como horas por día de la semana, un mapa de calor radial pone las dos en una rueda.
Sí: quédate con área polar
No: usa Mapa de calor radial
¿Basta con un valor por categoría del ciclo?
Si hay que comparar cada mes a lo largo de varios años, el gráfico de ciclos estacionales separa las dos cosas.
Sí: quédate con área polar
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('polararea');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿El valor está en el área o en el radio?
En el radio, medido desde cero. El área crece con el cuadrado del radio, así que leerla como magnitud exagera las diferencias.
¿Cuántas categorías admite?
Se lee bien entre 3 y 12.
¿Qué hace si faltan datos?
Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.
¿Cómo se ve en el móvil?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «comparar cifras»
Análisis de accretion/dilutionefecto de una operación en el beneficio por acción
Gráfico de flechascambio con dirección entre dos momentos- Gráfico de barras verticalescomparar valores entre pocas categorías
Serie con banda de referenciatu serie frente al rango de sus pares
Comparativa con parestu resultado frente al de otras empresas
Gráfico de Bland-Altmanacuerdo entre dos métodos de medición