Mapa de símbolos proporcionales

Tamaño de un fenómeno en cada lugar.

Definición

Un mapa de símbolos proporcionales pone un círculo en cada lugar, con un área proporcional a la magnitud que se mide. Se lee comparando tamaños y mirando si los grandes se agrupan en alguna zona. Se usa para población de ciudades, ventas por tienda o casos por localidad.

Editar con tus datos SVG Spec JSON

Datos: label · category · lat · lon · size
Buena para: Comparar una cantidad entre lugares y ver si el patrón es geográfico.
Evítala cuando: Cuando el dato es una tasa o un porcentaje de una región: un círculo grande sugiere volumen, no intensidad.
Se lee bien: Entre 3 y 100 elementos; dibuja hasta 3000
Datos que faltan: Se niega a dibujar y dice qué valor falta.
Accesibilidad: Lector de pantalla: tabla de datos · navegable con teclado · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`label` · opcional	string	Nombre no vacio del punto. columns.label es exacto; sin binding se usa City o la primera columna de texto. Ausente o vacio produce un diagnostico.
`category` · opcional	string	Texto de contexto del tooltip; no controla color. columns.category es exacto; sin binding se conserva Country o el fallback de texto legado.
`lat` · opcional	number	Latitud finita WGS-84 en [-90,90]. Atar junto con columns.lon; sin binding, nombre unico Lat/Latitude. Los roles aun sin resolver consumen numericas no seleccionadas en orden lat/lon/size.
`lon` · opcional	number	Longitud finita WGS-84 en [-180,180]. Atar junto con columns.lat; sin binding, nombre unico Lon/Longitude, seguido del reparto de numericas no seleccionadas en orden lat/lon/size.
`size` · opcional	number	Magnitud finita no negativa; cero tiene radio cero. columns.size y columns.value deben coincidir si ambos se declaran; sin binding, nombre unico Size/Value/Population, seguido del reparto de numericas no seleccionadas en orden lat/lon/size. Sin conversion ni unidad inferida.

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

¿El dato es una cantidad en un punto concreto?

Si es una tasa por región, colorear cada territorio respeta mejor lo que mide.

Sí: quédate con mapa de símbolos proporcionales

No: usa Mapa coroplético

¿Cada lugar tiene una cantidad que comparar?

Si solo importa dónde ocurre cada caso, basta con un punto por caso.

Sí: quédate con mapa de símbolos proporcionales

No: usa Mapa de puntos

¿Los lugares están lo bastante separados para que no se tapen?

Si hay muchos puntos apiñados, los picos verticales se solapan menos que los círculos.

Sí: quédate con mapa de símbolos proporcionales

No: usa Mapa de picos

Código

La misma pieza, con tus datos

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

const spec = await getPreset('symbolmap');
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

¿Qué representa el tamaño del círculo?

El área es proporcional a la magnitud. Un cero tiene radio cero y no se admiten valores negativos.

¿Qué coordenadas necesita?

Latitud y longitud en grados decimales, con la latitud entre -90 y 90 y la longitud entre -180 y 180.

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

Guía para elegir: en el mapa →