Pedir acceso

Puente conceptual

Cómo se pasa de una situación a otra.

Definición

El puente conceptual une dos orillas —de dónde se sale y a dónde se llega— con tramos que miden todos lo mismo, sostenidos por pilas que son los habilitadores de cada junta. Se lee hasta la última pila construida: lo que queda más allá está dibujado, pero no se puede pisar. Sirve para planes de transición y hojas de ruta con dependencias.

Editar con tus datosSVGSpec JSON
El puente al canal directo se corta en la pila del medio
Datos
group · label · detalle
Buena para
Enseñar hasta dónde llega una transición con lo que ya está construido y qué apoyo falta.
Evítala cuando
Cuando importa cuánto dura cada tramo: todos miden lo mismo.
Se lee bien
Entre 5 y 11 elementos; dibuja hasta 11
Datos que faltan
Deja el hueco visible en la serie.
Accesibilidad
Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

ColumnaTipoPara qué
groupstringEn qué registro del puente vive la pieza (columna «Parte»): «orilla» (exactamente dos: de la que se sale y a la que se llega), «tramo» (cada trecho del recorrido) o «pila» (el habilitador de una junta). Es OBLIGATORIA y no se infiere del orden de las filas: reordenar el `data` convertiría una orilla en un tramo sin que nada fallara.
labelstringEl nombre de la pieza (columna «Elemento»), escrito dentro de su caja —o debajo, en el caso de una pila—. Una pieza sin nombre no se dibuja ni se omite en silencio: falla.
detalle · opcionalstringLa línea de apoyo bajo el nombre (columna «Detalle»). En una pieza cuyo Rol es «ausente» se lee como la RAZÓN del vacío, y se imprime en la tinta apagada de ese rol.

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

¿Lo que importa es qué sostiene cada paso?

Si basta con la secuencia de etapas hasta una meta, pasos e hitos es más sencillo.

Sí: quédate con puente conceptual

No: usa Pasos e hitos

¿Las fechas no son el mensaje?

Si lo que se discute son los plazos, una línea de hitos los coloca en el tiempo.

Sí: quédate con puente conceptual

No: usa Línea de hitos

¿Hay un punto de partida y uno de llegada distintos?

Si no hay orillas y lo que importa es qué paso habilita a cuál, la cadena de eslabones lo cuenta mejor.

Sí: quédate con puente conceptual

No: usa Cadena de eslabones

Código

La misma pieza, con tus datos

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

const spec = await getPreset('concept-bridge');
spec.data.rows = misFilas; // group, label
const { svg, warnings } = await renderComposition(spec);

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

Dudas

¿Qué es una pila?

El habilitador de una junta: lo que tiene que existir para pasar de un tramo al siguiente. Una junta sin apoyo se declara con el rol «ausente» y su detalle explica por qué falta.

¿Cuántas orillas puede tener?

Exactamente dos. La parte de cada fila —orilla, tramo o pila— es obligatoria y no se deduce del orden de las filas.

¿Qué hace si faltan datos?

Deja el hueco visible en la serie.

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

Guía para elegir: flujos y recorridos →