Gráfico de flechas vectoriales

Dirección e intensidad de un flujo.

Definición

El gráfico de flechas vectoriales dibuja una flecha en cada punto de una rejilla regular, con la dirección y la intensidad del flujo medido allí. Además de la estructura del campo enseña su balance: dónde entra caudal y dónde se escapa. Se usa para corrientes, viento, movimiento de personas o cualquier campo medido en una malla.

La corriente más rápida del pasillo va camino de la fuga
Datos
x · y · u · v
Buena para
Ver hacia dónde se mueve un flujo en cada punto y dónde se acumula o se vacía.
Evítala cuando
Cuando la rejilla tiene huecos o paso irregular: la pieza no calcula el balance con vecinos que faltan y falla en vez de estimarlo.
Se lee bien
Entre 4 y 900 elementos; dibuja hasta 2500
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

ColumnaTipoPara qué
xnumberDónde se midió, en el eje horizontal. Tiene que ser una rejilla de paso CONSTANTE: es el denominador de ∂u/∂x. La cabecera de la columna es el título del eje: «Distancia (m)» rotula «Distancia (m)».
ynumberDónde se midió, en el eje vertical, también a paso constante. La cabecera es el título del eje. Cada par (x, y) de la rejilla tiene que aparecer EXACTAMENTE UNA VEZ: un hueco deja sin balance a las cuatro celdas que lo rodean, y la figura falla en vez de rellenarlo con un cero.
unumberComponente HORIZONTAL del vector, positiva hacia la derecha. Puede ser negativa: no es un módulo. La unidad se lee de la anotación de la cabecera: «u (m/s)» rotula « m/s», y es la que rotula la escala de longitud de toda la figura.
vnumberComponente VERTICAL, positiva hacia ARRIBA — en el sentido en el que crece la columna «y» del dato, NO en el de la pantalla. Si tu «v» viene en coordenadas de imagen (creciendo hacia abajo) hay que cambiarle el signo antes: es la misma lámina espejada respecto de la horizontal, y sin convertir no lo canta nada.

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 · 528 × 793 px
Escritorio · 1248 × 970 px

Cuándo usarla

Tres preguntas antes de elegirla

¿El campo se lee sin un mapa debajo?

Si las flechas tienen que situarse sobre un territorio, el campo vectorial sobre mapa las coloca en su geografía.

Sí: quédate con gráfico de flechas vectoriales

No: usa Campo vectorial sobre mapa

¿Importa la dirección en cada punto de la malla?

Si basta con saber cuánto va de un sitio a otro, un mapa de flujos dibuja los trayectos.

Sí: quédate con gráfico de flechas vectoriales

No: usa Mapa de flujos

¿Importa la dirección además de la intensidad?

Si sólo cuenta cuánto hay en cada celda, un mapa de calor la colorea sin flechas.

Sí: quédate con gráfico de flechas vectoriales

No: usa Mapa de calor

Código

La misma pieza, con tus datos

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

const spec = await getPreset('quiver');
spec.data.rows = misFilas; // x, y, u, v
const { svg, warnings } = await renderComposition(spec);

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

Dudas

¿Hacia dónde apunta la componente vertical?

Hacia arriba, en el sentido en que crece la coordenada y del dato. Si tu componente viene en coordenadas de imagen, que crecen hacia abajo, cámbiale el signo antes: si no, la figura sale espejada y nada lo avisa.

¿De dónde salen los rótulos y las unidades?

De las cabeceras: el nombre de cada coordenada es el título de su eje, y la unidad anotada en la componente horizontal rotula la escala de longitud de las flechas.

¿Puede haber componentes negativas?

Sí: cada componente lleva su signo, porque no es un módulo. Negativa en horizontal apunta a la izquierda y en vertical, hacia abajo.

¿Qué hace si faltan datos?

Omite el valor ausente y lo declara aparte.

¿Cómo se ve en el móvil?

El motor la recompone a 480 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 →