Diagramas Sankey
Visualiza cantidades de flujo entre nodos con flechas proporcionales. Perfectos para flujos de energía, asignación de presupuesto y embudos de conversión.
¿Qué es Diagramas Sankey?
Los diagramas Sankey son diagramas de flujo donde el ancho de las flechas es proporcional a la cantidad de flujo que representan. Destacan en mostrar cómo las cantidades fluyen, se dividen y se fusionan a través de un sistema. Nombrados en honor al capitán irlandés Matthew Sankey, estos diagramas son invaluables para visualizar transferencias de energía, flujos presupuestarios, embudos de conversión y cualquier proceso donde entender los flujos proporcionales es importante.
Editar y previsualizar
Construye un Diagramas Sankey con sintaxis Mermaid y observa los cambios instantáneamente.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Casos de uso comunes
Análisis de embudo de conversión
Visualiza el flujo de usuarios a través de embudos de marketing o ventas. Observa dónde los usuarios abandonan y cómo el tráfico se convierte en cada etapa.
Visualización de flujo de energía
Muestra cómo la energía se genera, transforma y consume a través de un sistema. Rastrea pérdidas y eficiencia en cada etapa.
Flujos de presupuesto y costos
Ilustra cómo el dinero fluye desde fuentes de ingresos a través de departamentos hasta gastos. Haz las distribuciones financieras intuitivas.
Mapeo de cadena de suministro
Rastrea materiales y productos desde proveedores a través de manufactura hasta distribución. Visualiza cantidades en cada etapa.
Características principales
Flechas proporcionales
El ancho de las flechas se escala automáticamente para representar cantidades de flujo, haciendo los volúmenes relativos inmediatamente visibles.
Etiquetas de nodos
Define nodos de origen y destino con etiquetas descriptivas para identificar cada etapa o entidad en el flujo.
Flujos múltiples
Muestra flujos dividiéndose de una fuente a múltiples destinos, o múltiples fuentes fusionándose en un destino.
Sintaxis tipo CSV simple
Define flujos usando tríos intuitivos de origen, destino y valor que son fáciles de escribir y mantener.
Mejores prácticas
Flujo de izquierda a derecha
Organiza el diagrama para que los flujos se muevan de izquierda a derecha, coincidiendo con la dirección natural de lectura y progresión temporal.
Usa nombres de nodos significativos
Etiqueta los nodos claramente para que los lectores entiendan inmediatamente qué representa cada etapa o entidad.
Limita la complejidad
Mantén un número manejable de flujos y nodos. Demasiadas flechas cruzándose reducen la legibilidad.
Asegura la precisión de los datos
Verifica que los valores de flujo sean precisos, ya que las proporciones visuales comunican directamente las cantidades a los lectores.
Explora otros tipos de diagramas
Diagramas de flujo
Visualiza procesos, flujos de trabajo y algoritmos con nodos y flechas direccionales. Perfectos para procesos empresariales y árboles de decisión.
Diagramas de secuencia
Documenta interacciones entre diferentes actores o sistemas a lo largo del tiempo. Ideales para documentación de API y diseño de sistemas.
Diagramas de clases
Modela sistemas orientados a objetos con clases, atributos y relaciones. Esenciales para planificación de arquitectura de software.
Diagramas de estado
Representa transiciones de estado en sistemas o aplicaciones. Excelentes para modelar estados de ciclo de vida y flujos de trabajo.
Diagramas de Gantt
Planifica y rastrea cronogramas de proyectos con tareas y dependencias. Perfectos para gestión de proyectos y programación.
Diagramas ER
Diseña esquemas de bases de datos con entidades y relaciones. Ideales para modelado y documentación de bases de datos.
Viaje del usuario
Mapea experiencias e interacciones del usuario a través de puntos de contacto. Excelentes para diseño UX y mapeo del recorrido del cliente.
Grafos Git
Visualiza estrategias de ramificación Git e historiales de commits. Útiles para explicar flujos de trabajo de control de versiones.
Mapas mentales
Organiza ideas, genera lluvias de ideas y crea estructuras visuales jerárquicas. Perfectos para planificación y mapeo de conocimiento.
Gráficos circulares
Muestra distribuciones de datos proporcionales con gráficos circulares. Ideales para mostrar porcentajes y desglose de cuotas de mercado.
Líneas de tiempo
Visualiza eventos cronológicos e hitos a lo largo de un eje temporal. Excelentes para historiales de proyectos y hojas de ruta.
Tableros Kanban
Organiza tareas en columnas que representan etapas del flujo de trabajo. Perfectos para gestión ágil de proyectos y seguimiento de tareas.
Gráficos de cuadrantes
Ubica elementos en una cuadrícula de dos ejes para comparar y priorizar. Ideales para priorización de funciones y análisis estratégico.
Gráficos XY
Crea gráficos de barras y líneas con ejes personalizables. Ideales para visualización de datos y análisis de tendencias.
Diagramas de bloques
Construye diseños estructurados con bloques organizados en columnas y filas. Excelentes para arquitectura de sistemas y resúmenes de componentes.
Diagramas de arquitectura
Diseña arquitectura de nube y sistemas con iconos de servicios y conexiones. Perfectos para documentación de infraestructura.
Diagramas de paquetes
Visualiza estructuras de paquetes de protocolos de red con diseños de campos a nivel de bits. Esenciales para documentación de protocolos de red.