Un renderizador pequeño y síncrono que convierte texto de diagramas Mermaid en SVG sin dependencias en tiempo de ejecución.
d2lang/d2
Lenguaje de scripting de diagramas basado en texto y CLI que compila archivos .d2 en diagramas SVG, PNG, GIF, PDF o PPTX.
Alternativa open source a:Lucidchart
Visio
- Estrellas
- 25,701
- Forks
- 767
- Issues abiertos
- 536
- Último commit
- hace 10 días
¿Qué es?
D2 es un lenguaje de scripting de diagramas: describes nodos, conexiones, contenedores y estilos en texto plano, y la CLI de D2 genera el resultado como archivo SVG, PNG, GIF, PDF o PPTX. El modo watch vuelve a generar el resultado y actualiza la vista previa en el navegador cada vez que cambia el archivo fuente.
El proyecto incluye tres motores de diseño: Dagre (el predeterminado), ELK y TALA. Se pueden seleccionar mediante una flag, una variable de entorno o una opción en el código fuente de D2. También admite un estilo de dibujo a mano y etiquetas LaTeX, y el parser informa de varios errores cuando un archivo tiene problemas. El autoformateador y el resaltado de sintaxis facilitan la edición y el mantenimiento de diagramas grandes.
También se puede usar D2 como biblioteca desde programas Go. En los recursos relacionados del proyecto se incluyen extensiones para VS Code, Vim y Obsidian, además de varios plugins de la comunidad para herramientas de Markdown.
Funciones clave
- 01Convierte scripts .d2 en texto plano en archivos SVG, PNG, GIF, PDF o PPTX.
- 02Ofrece un modo watch que actualiza en vivo la vista previa en el navegador cuando cambian los archivos.
- 03Incluye los motores de diseño Dagre, ELK y TALA, que se pueden seleccionar para cada diagrama.
- 04El parser informa de varios errores e incluye un autoformateador y resaltado de sintaxis.
- 05Se puede usar como biblioteca de Go para generar diagramas mediante código.
Casos de uso
- Documentar diagramas de arquitectura de software almacenados junto al código en el control de versiones.
- Mantener actualizados los diagramas de sistemas y redes como texto fácil de comparar y revisar.
- Generar diagramas automáticamente desde programas Go o procesos de compilación de documentación.
- Crear diagramas de entidad-relación o de flujo en sitios de documentación basados en Markdown.
Inicio rápido
- 1
Instala D2 con el script de instalación del README
- 2
Instala D2 mediante Go
go install github.com/d2lang/d2@latest - 3
Crea un archivo de entrada y renderízalo con recarga en vivo
echo 'x -> y -> z' > in.d2 && d2 --watch in.d2 out.svg
Antes de usarlo
- El método de instalación recomendado consiste en canalizar un script de curl a sh, algo que algunos usuarios prefieren evitar.
- La instalación mediante Go no incluye la página del manual.
Temas
Preguntas frecuentes
- ¿Qué es d2?
- Lenguaje de scripting de diagramas basado en texto y CLI que compila archivos .d2 en diagramas SVG, PNG, GIF, PDF o PPTX. D2 es un lenguaje de scripting de diagramas: describes nodos, conexiones, contenedores y estilos en texto plano, y la CLI de D2 genera el resultado como archivo SVG, PNG, GIF, PDF o PPTX. El modo watch vuelve a generar el resultado y actualiza la vista previa en el navegador cada vez que cambia el archivo fuente.
- ¿d2 es gratuito? ¿Qué licencia tiene?
- d2 es open source bajo la licencia MPL-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿d2 sigue mantenido?
- Mantenimiento activo. El último commit de d2 fue el 11 oct 2026.
- ¿Para qué puedo usar d2?
- Documentar diagramas de arquitectura de software almacenados junto al código en el control de versiones. Mantener actualizados los diagramas de sistemas y redes como texto fácil de comparar y revisar. Generar diagramas automáticamente desde programas Go o procesos de compilación de documentación. Crear diagramas de entidad-relación o de flujo en sitios de documentación basados en Markdown.
- ¿Cómo se instala d2?
- Instala D2 con el script de instalación del README Instala D2 mediante Go: go install github.com/d2lang/d2@latest Crea un archivo de entrada y renderízalo con recarga en vivo: echo 'x -> y -> z' > in.d2 && d2 --watch in.d2 out.svg
- ¿Dónde consigo d2?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/d2lang/d2
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una skill de agente que crea diagramas editoriales en un único archivo HTML + SVG autocontenido, con 45 tipos de diagramas y adaptación a la marca.
Biblioteca de macros del modelo C4 para PlantUML que permite crear diagramas de arquitectura de software con código de texto plano.
Una aplicación web que convierte esquemas de texto sin formato en diagramas y diagramas de flujo, creada con React y cytoscape.js.
API HTTP unificada que convierte fuentes de diagramas en texto, como PlantUML, Mermaid, D2 y GraphViz, en SVG, PNG y otros formatos de imagen.
Una skill para Claude y agentes de programación que convierte una breve especificación JSON en diagramas animados e interactivos, exportables como SVG, PNG, GIF o MP4.