Diagrama de Voronoi
Zona más cercana a cada punto.
Definición
Un diagrama de Voronoi reparte el plano en celdas, una por punto, de modo que cada celda contiene todo lo que está más cerca de su punto que de cualquier otro. La frontera entre dos celdas queda a medio camino. Se usa para ver zonas de influencia: tiendas, almacenes, estaciones.
- Datos
- label · category · x · y · value
- Buena para
- Ver qué zona queda más cerca de cada punto y qué puntos dominan más territorio.
- Evítala cuando
- Cuando la cercanía no se mide en línea recta, sino en tiempo de viaje o por carretera.
- Se lee bien
- Entre 5 y 200 elementos; dibuja hasta 1000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
label · opcional | string | El identificador del punto. Si no aparece, la pieza numera «v1, v2, v3…» por posición. |
category · opcional | string | El grupo que da color a la celda. Si no aparece, todos los puntos caen en el grupo «A» y el color deja de decir nada. |
x · opcional | number | Abscisa del punto. Sin nombre que case, la PRIMERA columna numérica. |
y · opcional | number | Ordenada del punto. Sin nombre que case, la SEGUNDA numérica. |
value · opcional | number | La magnitud del punto, que NO cambia su celda: la teselación sólo depende de las posiciones. Sin nombre que case, la TERCERA 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
¿Te interesa la zona de cada punto y no sólo dónde está?
Si basta con ver la posición de los puntos y su relación, un diagrama de dispersión es suficiente.
Sí: quédate con diagrama de voronoi
No: usa Gráfico de dispersión
¿La cercanía se mide en línea recta?
Si lo que cuenta es el tiempo de llegada, las isócronas dibujan el alcance real.
Sí: quédate con diagrama de voronoi
No: usa Mapa de isocronas
¿Cada punto es dueño de su propia zona?
Si quieres envolver grupos de puntos en lugar de repartir el plano, la envolvente convexa los rodea.
Sí: quédate con diagrama de voronoi
No: usa Envolvente convexa
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('voronoi');
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 de cada punto cambia su celda?
No. La celda sólo depende de las posiciones; el valor acompaña al punto pero no mueve fronteras.
¿Qué da color a las celdas?
El grupo de cada punto. Si no lo das, todos caen en el mismo grupo y el color deja de decir nada.
¿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 «en el mapa»
Cartogramaterritorios deformados según el valor
Mapa de puntosdónde se sitúa cada elemento en el territorio
Mapas múltiplesel mismo mapa repetido por periodo o grupo
Mapa de globodatos en una esfera giratoria
Mapa de localizaciónsituar un lugar en su contexto
Mapa de tirosdónde se lanzan y se aciertan los tiros