D2: Рисуем диаграммы как пишем код

Знакомая ситуация? Вы тратите часы, перетаскивая элементы в графическом редакторе, чтобы нарисовать схему архитектуры проекта. А потом вносите изменения — и всё приходится переделывать. D2 предлагает революционно другой подход: диаграммы как код.

Что такое D2?

D2 — это язык описания диаграмм, который превращает простой текстовый файл в профессиональные визуализации. Представьте, что вы описываете структуру вашего приложения на понятном языке, а система автоматически генерирует аккуратные схемы в SVG, PNG или PDF.

Пример диаграммы D2

Почему разработчики в восторге?

Простота как у Markdown Синтаксис D2 интуитивно понятен:
user -> api: Запрос api -> database: Данные
Это уже рабочая схема взаимодействия компонентов!
Живое обновление Запустите d2 --watch input.d2 output.svg — диаграмма будет автоматически обновляться при изменениях.
Гибкость настройки Темы, шрифты, несколько движков компоновки (ELK, Dagre, TALA) — всё под контролем.
Интеграция в CI/CD D2 можно использовать как библиотеку в Go-приложениях или включать в пайплайны сборки документации.

Как начать?

Установка — одна команда:

curl -fsSL https://d2lang.com/install.sh | sh -s --

Попробуйте в действии прямо в браузере через онлайн-песочницу.

Где пригодится?

Документирование архитектуры микросервисов
Визуализация workflow в проекте
Создание ER-диаграмм для баз данных
Планирование сетевой инфраструктуры

Экосистема

D2 поддерживает:

Плагины для VSCode и Vim
Интеграцию с Obsidian, Slack, Discord
Экспорт в SVG, PNG, PDF

D2 — это свежий взгляд на создание диаграмм. Если вы:

Устали от drag-and-drop редакторов
Храните документацию в Git
Цените воспроизводимость и version control

Попробуйте D2 — возможно, это именно то, чего не хватало в вашем workflow.

Ссылки:

Официальный сайт

Примеры диаграмм

Сравнение с аналогами