Cartograma

Territorios deformados según el valor.

Definición

Este cartograma sustituye cada región por una celda del mismo tamaño, colocada en una retícula que respeta a grandes rasgos su posición en el mapa, y la colorea según su valor. Como todas las regiones ocupan lo mismo, el color es lo único que se compara y las regiones pequeñas no desaparecen. Se usa para estados, provincias o países cuando el tamaño del territorio distrae del dato.

US Unemployment
Datos
region · label · value · y · x
Buena para
Comparar un valor entre regiones sin que las grandes dominen la lectura.
Evítala cuando
Cuando la forma y el tamaño reales del territorio ayudan a orientarse o forman parte del argumento.
Se lee bien
Entre 5 y 200 elementos; dibuja hasta 2000
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

ColumnaTipoPara qué
region · opcionalstringEl código de la región, que es lo que casa con la retícula. Sin él devuelve [] y cae a su demo (data.ts:106).
label · opcionalstringEl nombre largo para el rótulo. Si no está se reutiliza el código.
value · opcionalnumber1.ª numérica POR POSICIÓN: el valor que colorea la celda.
y · opcionalnumber2.ª numérica por posición: la FILA en la retícula. Es geometría, no dato.
x · opcionalnumber3.ª numérica por posición: la COLUMNA en la retícula.

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.

Móvil · 408 × 499 px
Escritorio · 848 × 648 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Las regiones grandes no deben pesar más?

Si la forma real del territorio importa para orientarse, una coropleta clásica la conserva.

Sí: quédate con cartograma

No: usa Mapa coroplético

¿Basta con un valor por región?

Si hay que ver una serie por región, el geofacet coloca un pequeño gráfico en cada celda.

Sí: quédate con cartograma

No: usa Geofacet

¿Importa la posición aproximada de cada región?

Si la geografía no aporta y lo que interesa es el orden, unas barras horizontales ordenan las regiones.

Sí: quédate con cartograma

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('cartogram');
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

¿Por qué todas las regiones miden igual?

Para que la superficie no influya: una región grande y poco poblada no se impone a una pequeña con más peso.

¿Qué decide dónde va cada celda?

Dos columnas numéricas con la fila y la columna de la retícula. Son geometría, no datos.

¿Cómo se identifica cada región?

Por un código que casa con la retícula. El nombre largo es opcional; sin él se rotula con el código.

¿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»

Guía para elegir: en el mapa →