Gráfico de radar
Perfil en varias dimensiones.
Definición
El gráfico de radar dibuja un radio por dimensión y une los valores de cada perfil en un polígono. Se lee por la forma: dónde un perfil se abulta y el otro se hunde. Sirve para comparar dos perfiles —productos, candidatos, equipos— en varias dimensiones de la misma escala.
- Datos
- category · value · target
- Buena para
- Comparar la forma de dos perfiles sobre las mismas dimensiones.
- Evítala cuando
- Cuando importan el área o las cifras exactas: el área de cada polígono cambia con el orden de los ejes y no es un dato.
- Se lee bien
- Entre 3 y 10 elementos; dibuja hasta 1000
- 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 EJE (un radio por fila), en el orden en que llegan las filas. |
value · opcional | number | POSICIONAL: la 1.ª columna numérica, la serie A. Su NOMBRE es el rótulo de la serie en la leyenda. |
target · opcional | number | POSICIONAL: la 2.ª columna numérica, la serie B. La pieza está CAPADA en dos series por la forma de RadarDatum: una tercera columna numérica no se dibuja. Con menos de dos devuelve cero filas. |
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
¿Son dos perfiles como mucho?
Con más series, unas barras agrupadas las comparan todas; el radar sólo dibuja dos.
Sí: quédate con gráfico de radar
No: usa Barras agrupadas
¿Importa la forma más que cada cifra?
Si hay que leer cada valor, un gráfico de puntos alineado por dimensión se compara con precisión.
Sí: quédate con gráfico de radar
No: usa Gráfico de puntos
¿Te basta con ver dónde se abulta cada perfil?
Si el argumento es que ningún candidato gana en todas las dimensiones, las coordenadas paralelas enseñan dónde se cruzan sus líneas de un eje al siguiente.
Sí: quédate con gráfico de radar
No: usa Coordenadas paralelas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('radar');
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
¿Puedo comparar más de dos series?
No: la pieza dibuja la primera y la segunda columna numérica. Una tercera no aparece.
¿Importa el orden de los ejes?
Sí: los radios van en el orden de las filas, y el área de cada polígono cambia si los reordenas. Por eso se compara la forma y no el área.
¿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