Radar de percentiles
Perfil de un individuo frente a su grupo.
Definición
El radar de percentiles sitúa a un sujeto dentro de una población de referencia, métrica a métrica, en ejes de 0 a 100 que salen del centro. Como todas las métricas están en percentil, se leen juntas aunque tengan unidades distintas. Es habitual en el análisis de jugadores para comparar un perfil con el de su posición.
- Datos
- label · value
- Buena para
- Ver en qué métricas un individuo está por encima o por debajo de su grupo de referencia.
- Evítala cuando
- Cuando importa el valor bruto de cada métrica: el percentil lo sustituye a cambio de hacer comparables las unidades.
- Se lee bien
- Entre 3 y 20 elementos; dibuja hasta 1225
- 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
| Columna | Tipo | Para qué |
|---|---|---|
label | string | El RADIO: un sector por fila, en el orden en que llegan las filas. `spec.columns.category` vale como sinónimo. El orden NO se toca: es lo que decide la silueta, y lo elige quien escribe la tabla. |
value | number | La LONGITUD del sector, en un eje FIJO de 0 a 100. No es la métrica en bruto: es su percentil dentro de la población. Un número fuera de 0–100 no se recorta ni reescala el eje — falla con la fila y la cifra. `spec.columns.y` vale como sinónimo, y el NOMBRE de esta columna es lo que la lámina escribe al pie: ahí es donde se declara la población. |
Tamaños
Ancha por necesidad
Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.
A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.
Cuándo usarla
Tres preguntas antes de elegirla
¿Las métricas tienen unidades distintas?
Si todas comparten escala, un radar convencional las dibuja sin pasar a percentil.
Sí: quédate con radar de percentiles
No: usa Gráfico de radar
¿Te interesa la posición relativa y no la cifra bruta?
Si importa cuánto vale cada métrica, una tabla gráfica conserva el valor junto a su contexto.
Sí: quédate con radar de percentiles
No: usa Tabla gráfica
¿Miras a un solo sujeto?
Si comparas varios sujetos en muchas métricas a la vez, las coordenadas paralelas los cruzan en una sola lámina.
Sí: quédate con radar de percentiles
No: usa Coordenadas paralelas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('percentile-radar');
spec.data.rows = misFilas; // label, value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Por qué no se cierra el polígono?
Porque el área encerrada dependería del orden de los ejes, que elige quien dibuja. Cada eje se lee por separado.
¿La escala cambia con los datos?
No: va siempre de 0 a 100 y no sale del dato, así que dos láminas se pueden poner una al lado de la otra.
¿Cuántas métricas admite?
Se lee bien entre 3 y 20.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿Cómo se ve en el móvil?
A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.
Relacionadas
Otras formas de responder «quién va primero»
Gráfico de rankingcambios de puesto a lo largo del tiempo
Gráfico de puntos de Clevelandcomparar valores ordenados con poca tinta
Importancia de variablesqué variables pesan más en un modelo
Gráfico de barras horizontalescomparar categorías con nombres largos
Gráfico de piruletacomparar valores con menos tinta que barras
Cuadro de eliminatoriascruces y avance de un torneo