Mapa de flujo de Minard

Flujo que se reduce a lo largo de una ruta.

Definición

El mapa de flujo de Minard dibuja sobre la geografía una banda cuyo grosor es una cantidad que mengua a lo largo de una ruta, y debajo una tira con una segunda magnitud medida contra la misma longitud. Aquí el caudal no se conserva: lo que se pierde por el camino es la figura, y la segunda magnitud ayuda a explicarlo. El ejemplo clásico es la campaña de Napoleón en Rusia, pero sirve para cualquier recorrido con pérdidas.

Volvieron cuatro mil de los trescientos cuarenta mil que cruzaron el Niemen
Datos
lon · lat · value · group · order · temp · label
Buena para
Enseñar dónde, a lo largo de un recorrido, se pierde una cantidad y qué la acompaña.
Evítala cuando
Cuando el caudal se reparte entre destinos y se conserva: la pieza no divide la cantidad entre dos extremos.
Se lee bien
Entre 4 y 120 elementos; dibuja hasta 40.000
Datos que faltan
Se niega a dibujar y dice qué valor falta.
Accesibilidad
Lector de pantalla: resumen en texto · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

ColumnaTipoPara qué
lonnumberGrados decimales, este positivo. Es el eje que COMPARTEN el mapa y la tira de abajo: una fila sin longitud no se puede colocar en ninguno de los dos, y falla nombrando la fila.
latnumberGrados decimales, norte positivo. Obligatoria como COLUMNA; puede ir vacía en las filas que sólo traen una lectura de la segunda magnitud, que no están en ningún punto del mapa.
valuenumberLo que mide el GROSOR de la banda, desde cero. Un negativo falla: una anchura no puede serlo. Puede ir vacía en las filas que sólo traen una lectura de la segunda magnitud.
group · opcionalstringEl carril: una banda por valor distinto, en el orden en que aparecen. Ausente = un solo carril. El tono va de pálido a pleno en ese mismo orden, que es lo que dice «el mismo cuerpo, después».
order · opcionalnumberLa SECUENCIA de la marcha dentro de cada carril. Ausente = manda el orden de las filas, y la lámina lo escribe al pie. Con ella, dos estaciones del mismo carril y el mismo número fallan: un empate son dos caminos posibles y elegir uno sería inventarlo.
temp · opcionalnumberLa segunda magnitud, dibujada en la tira de abajo contra la MISMA longitud. Ausente = no hay tira y la lámina lo dice al pie. Su unidad la declara el nombre de la columna, que se imprime.
label · opcionalstringEl nombre del lugar (en una estación) o el momento de la medida (en una lectura). Sólo las estaciones con nombre llevan punto y rótulo: marcar las 36 taparía la banda.

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 × 617 px
Escritorio · 848 × 707 px

Cuándo usarla

Tres preguntas antes de elegirla

¿La cantidad mengua sin irse a ningún destino?

Si lo que sale de un punto llega a otros y hay que verlo repartido, el diagrama de Sankey conserva el caudal.

Sí: quédate con mapa de flujo de minard

No: usa Diagrama de Sankey

¿El recorrido está sobre una geografía real?

Si las etapas no son lugares, un embudo de conversión cuenta la pérdida paso a paso sin mapa.

Sí: quédate con mapa de flujo de minard

No: usa Embudo de conversión

¿Es una sola ruta o unas pocas?

Si son muchos orígenes y destinos repartidos por el territorio, el mapa de flujos los dibuja a la vez.

Sí: quédate con mapa de flujo de minard

No: usa Mapa de flujos

Código

La misma pieza, con tus datos

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

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

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

Dudas

¿Qué es la tira de abajo?

Una segunda magnitud —por ejemplo, la temperatura— dibujada contra la misma longitud que el mapa. Si no hay columna para ella, no hay tira y la lámina lo dice al pie.

¿Cómo distingo la ida de la vuelta?

Con una columna de grupo: cada valor es un carril con su banda, y el tono va de pálido a pleno en el orden en que aparecen.

¿Se puede mover un punto para que las bandas no se crucen?

No: la posición es un dato. El orden de la marcha dentro de cada carril lo da una columna de secuencia; sin ella manda el orden de las filas.

¿Qué hace si faltan datos?

Se niega a dibujar y dice qué valor falta.

¿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 «flujos y recorridos»

Guía para elegir: flujos y recorridos →