Generador de Diagrama de Sankey de Flujo Energético

Generador de Diagrama de Sankey de Flujo Energético

Usar Generador de Diagrama de Sankey de Flujo Energético

La herramienta funciona directamente en esta página, sin registro ni instalación.

Sube una plantilla CSV fija para generar un diagrama de Sankey de flujo energético de profundidad libre, desde fuentes de energía → vectores de conversión → usos finales. Cada nodo recibe un color terroso multicolor, las bandas funden un degradado origen → destino con opacidad muy baja (~0,2) para que los flujos superpuestos se oscurezcan, y cada etiqueta de nodo se sitúa a la derecha de su barra, centrada verticalmente sin píldora que tape los flujos. Incluye título grande en negrita. Fondo claro / oscuro y exportación PNG / SVG.

Suelta un archivo CSV aquí o haz clic para subir Formato: source,target,value (tres columnas), hasta 200 filas; máx. 20 nodos por etapa; valores positivos
Estilo del fondo Claro

Sobre esta herramienta

La energía esconde sus destinos cuando solo miras el total. Este Sankey encadena fuentes → vectores → usos en una ruta trazable: cada nodo toma un color terroso, cada banda pasa del color de origen al de destino a ~0,2 de opacidad para que los solapes creen profundidad, y cada etiqueta se sitúa a la derecha de su barra, centrada verticalmente sin píldora, manteniendo las bandas legibles. La paleta terrosa y la composición limpia evocan las estadísticas oficiales — pensado para la contabilidad energética, el análisis de carbono y los informes de sector.

  • Exporta PNG / SVG nítido y editable
  • Varios temas integrados, cambio en un clic
  • Compatible con lienzo claro y oscuro
  • Gratis, sin marca de agua ni límites

Comparado con flujos de dataviz generalistas

Aspecto Esta herramienta Alternativa típica
Dirección visual Optimizado para una gramática visual concreta Más general, pero requiere más ajustes
Exportación Prioriza exportación rápida PNG/SVG Más formatos, pero flujo más pesado
Ideal para Presentaciones, páginas temáticas y visuales sociales Construir gráficos analíticos a medida

Documentación

¿Qué es un diagrama de Sankey de flujo energético?

Un diagrama de Sankey de flujo energético es un gráfico multietapa de entradas y salidas pensado para trazar de dónde viene la energía, cómo se transforma y adónde llega. Divide toda la cadena en columnas de nodos — por lo general una columna inicial de fuentes (nuclear, combustibles fósiles, renovables, importaciones, etc.), etapas intermedias de conversión y vectores (generación eléctrica, refinerías, redes de gas, calefacción urbana, extracción) y una columna final de usos finales (transporte, industria, residencial, calefacción y refrigeración, pérdidas y exportaciones). El ancho de las bandas es proporcional al valor y cada columna se conserva estrictamente, de modo que cada unidad de energía repartida, recombinada o perdida en cada paso se lee de un vistazo.

A diferencia de los Sankey multietapa tipo póster, este estilo energético se acerca a las estadísticas oficiales: los nodos son finas barras verticales de ángulo recto, con una paleta terrosa multicolor (verdes, azules y oliva, con acentos magenta, rojo y ámbar). Las bandas no son de un solo color — cada una pasa suavemente del color del nodo de origen al del nodo de destino y se dibuja a opacidad muy baja (≈0,2), de modo que los flujos superpuestos se oscurecen en capas. Sobre todo, cada etiqueta de nodo se coloca a la derecha de su barra, centrada verticalmente y sin píldora de fondo: nunca tapa las bandas. El resultado es una composición limpia y densa, apta para informes energéticos rigurosos.

Funciones

  • Pilotado por plantilla, estructuración automática: descarga la plantilla CSV, rellena source,target,value, sube el archivo y la herramienta deduce el nivel de cada nodo a partir de la jerarquía de flujos — sin declarar etapas
  • Niveles profundos en profundidad libre: hasta 200 filas y 20 nodos por etapa, suficiente para una cadena fuente → vector → uso que abarque cinco columnas o más, compatible también con estructuras de dos columnas
  • Bandas en degradado origen → destino: cada banda calcula su propio degradado horizontal del color de origen al de destino, dibujada a ~0,2 de opacidad, los solapes se oscurecen de forma natural
  • Etiquetas a la derecha, sin fondo: cada etiqueta se sitúa a la derecha de su barra, centrada verticalmente, sin píldora — las bandas quedan totalmente visibles
  • Paleta terrosa multicolor: una secuencia de 20 colores con dominante verde, azul y oliva, distinguible entre cientos de flujos y a la vez coherente
  • Tres paletas + modos claro / oscuro: Multicolor tierra, Frío elegante y Morandi cálido en un clic; el modo oscuro aclara los colores para el fondo sombrío (la exportación incluye el color de fondo)
  • Varios formatos de exportación: PNG de alta resolución (relación 2x) y SVG vectorial, editable en software de diseño
  • Privacidad local: todos los datos se analizan y renderizan en tu navegador, nunca se suben

Ámbitos de aplicación

  • Estadísticas y contabilidad energéticas: energía primaria → conversión → transporte → consumo final, mostrando por completo el consumo y las pérdidas
  • Análisis de carbono y renovables: carbón, gas, petróleo, nuclear, eólica, solar y biomasa repartidos por uso final, en apoyo de la descarbonización
  • Informes energéticos nacionales y sectoriales: una vista general rigurosa y densa para libros blancos e informes anuales
  • Flujos presupuestarios y financieros: presupuesto total → departamento → proyecto → destino, revelando dónde se reasigna cada unidad
  • Cadena de suministro y logística: proveedor → tránsito → centro → mercado final, mostrando la distribución paso a paso
  • Periodismo de datos e investigación: un gráfico profesional y de tonos terrosos para reportajes y estudios

Cómo usarlo

  1. Haz clic en «Descargar plantilla CSV» para obtener un archivo de ejemplo (con una cadena completa fuente → vector → uso)
  2. Rellena tus datos con el formato de la plantilla: source,target,value
  3. Haz clic en la zona de subida o arrastra tu archivo CSV a la página
  4. El Sankey energético se genera automáticamente — cambia paleta y modo claro / oscuro a tu gusto
  5. Opcionalmente, escribe un título en «Título del gráfico» (aparece un título en negrita por defecto); déjalo vacío para ocultarlo
  6. Cuando esté listo, haz clic en «Descargar PNG» o «Descargar SVG»

Formato de datos

CampoRequeridoDescripción
sourcesínodo de salida (fuente / vector aguas arriba)
targetsínodo de entrada (vector / uso aguas abajo)
valuesícantidad del flujo (número positivo); el ancho de la banda es proporcional

Límites: hasta 200 filas; como máximo 20 nodos por etapa. El número de etapas se deduce automáticamente de la jerarquía, con los datos estructurados en capas de sentido único — un flujo circular activa un aviso.

Nota: un nombre que aparece más de una vez se trata como un único nodo fusionado. Si distintas etapas necesitan el mismo nombre, prefíjalo por etapa (p. ej. Stage1-Coal y Stage3-Coal), si no se fusionarán.

Cómo leer este gráfico

Lee las etapas de izquierda a derecha: primero cómo reparten el total las fuentes, luego sigue las bandas para ver qué vectores atraviesa cada unidad y a qué usos llega. Como cada columna se conserva, el ancho de cualquier banda representa a la vez el flujo absoluto y la participación. La paleta terrosa separa las ramas de origen, y la dirección del degradado indica de dónde viene cada flujo y adónde va. Pasa el cursor sobre una banda o un nodo para ver el valor exacto.

Acerca de Gotokit

Gotokit crea herramientas en línea simples, eficientes y estéticas. Este generador de Sankey energético funciona con el motor ECharts — sin registro, listo para usar y con procesamiento 100 % local de tus datos.

Preguntas frecuentes

¿Cuántas columnas necesita el CSV? ¿Cómo se deciden las etapas?

Tres columnas fijas: source,target,value. No declaras niveles: la herramienta deduce el nivel de cada nodo a partir de la jerarquía de flujos; cada capa puede tener uno o varios nodos. Hasta 200 filas y 20 nodos por etapa.

¿De dónde salen los colores de las bandas? ¿Por qué son tan tenues?

Cada nodo toma un color en orden de la paleta terrosa activa, y cada banda pasa horizontalmente del color de origen al de destino, dibujada con ≈0,2 de opacidad. Esa baja opacidad es deliberada: los flujos superpuestos se profundizan de forma natural en vez de que una banda domine.

¿Qué pasa si un mismo nombre aparece en varias etapas?

Los nodos con el mismo nombre se consideran uno solo y se fusionan. En datos energéticos, términos como Coal o Gas pueden aparecer en varias etapas — si debes distinguirlos, añade un prefijo por etapa, por ejemplo Stage1-Coal y Stage3-Coal.

¿Esta herramienta de gráficos sirve más para presentaciones, informes o visuales sociales?

Los tres usos son válidos, pero con prioridades distintas: legibilidad en presentaciones, estructura y anotación en informes, y densidad visual y estilo en redes sociales.

¿Cuándo conviene exportar en PNG en lugar de SVG?

PNG suele ser mejor para presentaciones, chats o redes sociales; SVG es mejor si quieres seguir editando, escalar para impresión o integrarlo en un sistema de diseño.

¿En qué se diferencia de una herramienta de gráficos generalista?

Estas herramientas están optimizadas para una gramática visual concreta, lo que permite llegar antes a un resultado sólido. Las herramientas generalistas son más flexibles, pero suelen requerir más configuración.

¿Puedo usar esta herramienta en móvil o tableta?

La mayoría funciona en navegadores móviles modernos, pero los gráficos complejos, archivos grandes y tareas de arrastrar con precisión suelen ir mejor en escritorio.

¿Esta herramienta va mejor para tareas puntuales o flujos recurrentes?

La herramienta destaca en tareas puntuales, comprobaciones rápidas y exportaciones temporales. Para automatización continua o integración profunda, suele complementarse con otros programas o sistemas.

Generador de red circular de evidencia

Crea una red circular desde CSV con pacientes y estudios por comparación introducidos por separado. El área representa pacientes y el grosor, estudios. Procesamiento local, modo claro/oscuro y exportación PNG/SVG, sin análisis estadístico.

Selector Pantone

Selecciona colores y encuentra la referencia Pantone más cercana con salida HEX/RGB y copia rápida.

Estudio de Rueda de Color

Un selector de color basado en iro.js con rueda de color, salidas HEX/RGB/HSL/HSV, copia y paleta.

Generador de Esquemas de Color

Generador de esquemas de color con 7 reglas de armonía, vista previa UI en vivo y exportación a HEX, Tailwind o variables CSS.

Pantone + CMYK + RGB para Impresión

Herramienta de paleta de impresión con 150+ muestras Pantone, 2-5 colores, coincidencia Pantone automática.

Generador Online de Arte de Degradado

Herramienta online inspirada en Art of the Gradient con degradados radiales por capas, mezcla, generacion aleatoria y copia CSS.

Generador de Diagrama de Cuerdas en Línea - Gratis

Lee relaciones por pares con un diagrama de cuerdas circular: los nodos rodean el círculo, la longitud del arco muestra el flujo total de cada nodo y el ancho y color de las cintas codifican la fuerza del vínculo. Pensado para migración, comercio, llamadas o citas; tres temas y exportación PNG / SVG.

Gráfico de Burbujas Circular Elegante por Fecha

Proyecta un año de eventos sobre un anillo de fechas concéntrico (meses en el círculo exterior y días alineados hacia dentro), de modo que cada evento flote como una burbuja degradada sobre su casilla del calendario. Paleta refinada de baja saturación, fondos claro / oscuro y exportación PNG / SVG.

Rosa de Nightingale No. 1 con Doble Degradado

Una rosa de Nightingale cuyos pétalos se despliegan en anillo simétrico, cada uno pintado con un degradado bicolor en vez de un color plano. Un año opcional se sitúa en el centro del gráfico, con fondos claro / oscuro y exportación PNG / SVG.

Generador de Diagrama de Sankey de Dos Columnas

Convierte un flujo izquierda-derecha en un Sankey con acabado de cartel: nodos vivos a la izquierda, grises ponderados a la derecha y cada banda con nombre, valor y proporción. Fondos claro / oscuro y exportación PNG / SVG.

Generador de Streamgraph - Creador de Gráfico Fluvial en Línea Gratis

Un streamgraph suave donde cada serie se apila simétricamente alrededor de una línea base que oscila con el tiempo, como cauces de río que se desplazan. Ideal para comparar cómo evolucionan juntas las partes de un todo; admite 2 a 16 series y 3 a 40 filas, con fondos claro / oscuro y exportación PNG / SVG.

Generador de Streamgraph Morandi - Gráfico de Río en Línea Gratis

Un streamgraph vestido con una paleta Morandi de azul a rosa: azul marino, gris azulado y rosa empolvado de baja saturación serenan el río superpuesto, finas costuras blancas separan cada capa y una leyenda superior empareja colores y series. Fondos claro / oscuro y exportación PNG / SVG.

Generador de Gráfico de Banda de Error - Gratis en Línea

Muestra tendencia e incertidumbre en la misma figura con una banda de error continua que se ensancha o estrecha según la volatilidad de cada tramo. Incluye temas clásico, arcoíris y Morandi, más fondos claro / oscuro y exportación PNG / SVG.

Generador de Gráfico de Burbujas con Tallos Curvos - Gratis en Línea

Ordena cronologías con burbujas de tallo curvo: cada evento cae sobre un eje temporal, el tallo se arquea desde la base y el eje Y logarítmico vuelve comparables magnitudes muy distintas. Cinco colores, fondos claro / oscuro y exportación PNG / SVG.

Generador de Diagrama de Zonificación de Burbujas Morph - Gratis en Línea

Fusiona los nodos hijos con su núcleo mediante superficies Metaball en lugar de dejarlos flotando sueltos; las etiquetas siguen el arco exterior, líneas discontinuas conectan las burbujas y una paleta de cuatro verdes mantiene la calma. Pensado para estructuras de núcleo y miembros, con fondos claro / oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas en Abanico - Gratis en Línea

Organiza datos bipartitos de pocos grupos hacia muchos objetivos con una cuerdas en forma de vieira: arcos inferiores ponderados por flujo, objetivos en abanico arriba y cintas finas que cruzan el centro por curvas de Bézier. Las etiquetas radiales se mantienen ordenadas y listas para exportar.

Generador de Mapa de Calor Anotado - Gratis en Línea

Un mapa de calor de tabla que mantiene legibles los números: cada celda se colorea y muestra su valor, una escala divergente va de cero hacia los extremos positivos y negativos, y una barra de color graduada queda a la derecha. Temas clásico, arcoíris y Morandi, fondos claro / oscuro y exportación PNG / SVG.

Generador de Gráfico de Barras Agrupadas con Barras de Error - Gratis

Compara grupos experimentales con barras agrupadas y barras de error en un estilo académico sobrio, listo para replicar figuras de publicación. Dos barras pastel, errores negros en I, marco completo y exportación PNG / SVG con fondos claro / oscuro.

Generador de Ridgeline Plot - Creador de gráfico de crestas en línea gratis

Un ridgeline plot (joy plot) que apila varias distribuciones sobre su propia línea de base, con crestas suaves que nunca se solapan, nombre de serie a la izquierda de cada fila y leyenda de puntos debajo: ideal para comparar picos y dispersión de muchos grupos uno al lado del otro. Hasta 6 series y 400 filas, con fondos claro / oscuro y exportación PNG / SVG.

Generador de Barras Radiales Apiladas - Racetrack en línea gratis

Convierte cada fila en un anillo concéntrico de barras radiales apiladas, con arcos cuya longitud sigue el total del anillo y muestra la composición de cada año como si fuera una pista. Los totales en cursiva y la leyenda vertical facilitan la lectura inmediata.

Generador de Sankey de Cinco Etapas con Degradado Pastel

Un Sankey de cinco etapas que dibuja origen → tránsito → centro → canal → destino de una sola vez. Cada nodo recibe su propio color pastel, las bandas funden un degradado origen → destino con baja opacidad, y los nodos finos llevan píldoras blancas en las columnas intermedias. Tres paletas suaves, fondo claro / oscuro y exportación PNG / SVG.

Generador de Sankey de Enriquecimiento Metabolito-Vía

Un Sankey de enriquecimiento metabolito → vía de dos columnas, con un panel de burbujas a la derecha. Cintas grises claras unidas a ~0,6 de opacidad ; etiquetas a la izquierda de la barra, alineadas a la derecha y centradas, sin píldora ; ~50 metabolitos pastel alimentan 11 vías tono gema ; x = -Log(Pvalue), área = Count, rojo = Hit Ratio. Fondo claro / oscuro, exportación PNG / SVG.

Generador de Diagrama de Sankey de Decisiones en Cuatro Etapas

Un Sankey de cuatro columnas que dibuja todo el embudo de una vez — origen, destino, decisión y desglose por origen. El flujo entra en capas desde la izquierda y la derecha lo descompone en barras de aceptado / rechazado por fuente, con insignia de año y tres paletas; ideal para revisiones, aprobaciones o admisiones.

Generador de Mapa de Calor Matricial en Escalera Triangular

Organiza una matriz de frecuencias (cuántos días pasa cada categoría en cada rango de valores) como un mapa de calor triangular escalonado. El color codifica la frecuencia; los rangos intercuartílicos, medianas y medias se dibujan solos. Tres paletas, fondos claro / oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas con Cintas de Degradado Circos

Separa nodos cálidos y fríos en dos arcos continuos al estilo Circos, y deja que cada enlace se convierta en una cinta degradada entre ambos tonos. Así los flujos entre bandos se leen de un vistazo, con modo oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas con Burbujas

Sitúa relaciones por pares alrededor de un gran círculo con burbujas cuyo tamaño indica escala y cuyo color menta-a-azul marca intensidad. Los enlaces se curvan hacia el centro con grosor proporcional al flujo y los nombres irradian al exterior; funciona muy bien para colaboración, suministro y flujos entre equipos.

Generador de Diagrama de Arco Radial

Traza flujos país-hacia-organización en un arco radial superior segmentado por región, con marcas de país que descienden hacia nodos dimensionados por volumen total. Encaja en historias de comercio global, ayuda o migraciones, con modo oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas Bicolor en Anillo

Representa flujos bipartitos fuente-hacia-destino en un medio anillo pizarra arriba y otro rosa abajo, con sectores ponderados por flujo total y curvas de Bézier que cruzan el centro hacia flechas de destino. Sirve para amenazas, capacidades y trazabilidad, con modo oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas Doble Abanico Colorido

Este diagrama de cuerdas de doble abanico convierte flujos bipartitos en un reloj de arena: cinco arcos sólidos arriba y cinco arcos pastel abajo sobre un mismo círculo, con aberturas a las 3 y a las 9. Cintas translúcidas se cruzan en la cintura central, y cada sector lleva su propio eje graduado desde 0 con marcas principales cada 10 unidades. Pensado para flujos de canal, reparto de costes y cobertura de requisitos; modo oscuro y exportación PNG / SVG.

Diagrama de Cuerdas de Colinealidad Circos

Este diagrama de cuerdas de colinealidad estilo Circos trata los segmentos del anillo como pistas continuas con coordenadas, no como nodos discretos: las marcas exteriores muestran posiciones y las curvas finas del centro conectan un intervalo con otro. Pensado para sintenia genómica, migración de bloques, remapeo de rangos de direcciones y comparación estratigráfica, con modo claro/oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas de Flujo por Grupo

Dibuja «muchas fuentes hacia unos pocos grupos» en un solo anillo: la mitad izquierda lleva arcos pequeños de origen en un violeta único, la derecha arcos de grupo con un color cada uno y su leyenda vertical, el ancho del arco equivale a los totales del nodo y las cintas se tiñen según su grupo destino. Los separadores blancos dentro de los arcos de grupo muestran de un vistazo cuántas fuentes alimentan cada uno. Pensado para clasificación de muestras, atribución de canales, asignación de temas y destino de lotes, con modo oscuro y exportación PNG / SVG.

Generador de Diagrama de Cuerdas Espectral

Convierte una matriz de relaciones en un anillo espectral: los nodos van en sentido horario del total mayor al menor, los colores de arco se muestrean sobre un degradado continuo —el tono es el ranking (el más rojo el mayor, el más azul el menor)—, cada relación es una línea fina turquesa uniforme que se curva hacia el centro y los separadores blancos de un arco son su lista de conexiones. Con modo oscuro y exportación PNG / SVG.

Generador de Diagrama de Arco

Aplana las co-ocurrencias sobre una sola línea de base con marcas de grupo coloreadas, etiquetas verticales a la izquierda y semicírculos semitransparentes cuya altura y grosor cambian con el peso. Sigue siendo legible incluso con 400 relaciones, con modo oscuro y exportación PNG / SVG.

Generador de Rosa con Colores Agrupados

Convierte las columnas de categoría, valor y grupo en una rosa de Nightingale donde cada pétalo toma el color de su grupo y los tonos fluyen de un segmento al siguiente. Incluye interruptor de etiquetas, fondos claro / oscuro y exportación PNG / SVG.

Pizarra Excalidraw en Línea

Pizarra online basada en Excalidraw para flujos, bocetos, wireframes y anotaciones, con edición local en navegador y exportacion a PNG, SVG y .excalidraw.

Explorar todas las categorías