Mapa de picos

Magnitud como altura sobre el territorio.

Definición

Un mapa de picos levanta sobre cada emplazamiento una espiga vertical cuya altura, medida desde cero, es la magnitud. Como la marca crece hacia arriba y no hacia los lados, dos puntos muy cercanos siguen viéndose como dos. Se usa para puertos, plantas, tiendas o cualquier magnitud repartida por puntos del territorio.

Editar con tus datos SVG Spec JSON

El comercio mundial no está repartido por las costas: cabe en un arco

Datos: label · lat · lon · value · group
Buena para: Ver dónde se concentra una magnitud y cuánta hay, aunque los emplazamientos estén muy juntos.
Evítala cuando: Cuando hay que comparar con precisión dos puntos lejanos o hablar del total de una región.
Se lee bien: Entre 3 y 150 elementos; dibuja hasta 250
Datos que faltan: Omite el valor ausente y lo declara aparte.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`label`	string	El nombre del emplazamiento. Rotula las espigas mayores y lo dice el tooltip. También vale sin alias si es la ÚNICA columna de texto que queda libre; con dos, se lanza.
`lat`	number	Latitud en grados decimales, norte positivo. Sólo se dibuja entre −56 y 84 grados, que es lo que abarca el basemap del mundo; lo de fuera se descarta y se cuenta en el pie.
`lon`	number	Longitud en grados decimales, este positivo, entre −180 y 180.
`value`	number	La magnitud que da la ALTURA de la espiga, medida desde cero: no admite negativos. El NOMBRE de esta columna se escribe tal cual bajo la leyenda de altura, así que conviene que traiga su unidad («Tráfico (M TEU)», «Potencia (MW)»).
`group` · opcional	string	Opcional. Reparte la tinta de las espigas y dibuja la leyenda de color. Sin ella, el mapa sale a una sola tinta y sin leyenda.

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

¿Los datos son puntos concretos, no regiones enteras?

Si el dato es de cada país o provincia, un mapa coroplético colorea la región completa.

Sí: quédate con mapa de picos

No: usa Mapa coroplético

¿Hay emplazamientos tan juntos que unos círculos se taparían?

Si los puntos están dispersos, los símbolos proporcionales son la lectura más habitual.

Sí: quédate con mapa de picos

No: usa Mapa de símbolos proporcionales

¿Basta con ver dónde se concentra, sin comparar con precisión dos espigas lejanas?

Si la comparación fina entre emplazamientos es lo importante, unas barras ordenadas la dan.

Sí: quédate con mapa de picos

No: usa Gráfico de barras horizontales

Código

La misma pieza, con tus datos

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

const spec = await getPreset('spikemap');
spec.data.rows = misFilas; // label, lat, lon, value
const { svg, warnings } = await renderComposition(spec);

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

Dudas

¿Admite valores negativos?

No. La altura se mide desde cero; una magnitud que puede ser negativa no cabe en una espiga.

¿Qué zona del mundo cubre?

Se dibujan latitudes entre −56 y 84 grados, lo que abarca el mapa base. Los puntos fuera se descartan y se cuentan en el pie.

¿Para qué sirve la columna de grupo?

Es opcional: reparte el color de las espigas y añade una leyenda. Sin ella el mapa sale a una sola tinta.

¿Qué hace si faltan datos?

Omite el valor ausente y lo declara aparte.

¿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 «en el mapa»

Guía para elegir: en el mapa →