Прикольная open-source генерилка схем

 Публичный пост

Штука для генерации SVG-схем в реальном времени с неплохими возможностями и хорошим, на мой взгляд, языком.

Лично для меня вопрос рисования схем оставался открытым долгое время и рисовал я в чем придется (draw.io, excalidraw, что-то еще), но так или иначе оно все сводилось к рисованию мышкой.

Прикольное отличие D2 в том, что там разметка происходит текстом, а значит, больше не надо елозить мышкой а можно просто накидывать всякие компоненты разной вложенности, делать связи, надписи и всякое такое. Есть поддержка стилизации, можно поменять цвета, размеры, не CSS, но должно хватить.

Проблема только одна:
Сделать верстку из разметки задача нетривиальная, дефолтные бесплатные движки в некоторых ситуациях выдают визуально не идеальные результаты. Есть платный движок, который решает эти проблемы, но лично для меня и дефолтный пойдет, все лишь бы не мышкой :)

А, еще прикольная штука — есть GO-библиотека для генерации схем.

7 комментариев 👇

Пользуюсь https://mermaid-js.github.io/. Есть свои минусы (например, пока не научился рисовать там большие схемы, чтобы они не обрезались), но зато не нужно ничего устанавливать — mermaid часто поддерживается из коробки в markdown текстовых редакторах, например можно легко нарисовать схему прямо в ридми на гитлабе

  Развернуть 1 комментарий

@artemenm, Github тоже может Mermaid прямо в Markdown рендерить.

  Развернуть 1 комментарий

@artemenm, спасибо, даже не подозревал, что такой крутой инструмент поддерживается и гитхабом, и даже обсидианом из коробки, огонь!

  Развернуть 1 комментарий
Владислав Бауэр Говнокожу в андроид репу 10 декабря 2022

ну и plantUML есть, мне нравится тем, что для него есть плагин в обсидиане

  Развернуть 1 комментарий

mermaid обсидиан поддерживает из коробки - наверняка известный факт, для полноты добавил

  Развернуть 1 комментарий

@MjH-AO, кстати даже не подумал проверить, спасибо!

  Развернуть 1 комментарий

Еще интересен вариант с https://app.diagrams.net/ (бывший draw.io)
интересен тем что можно хранить детали схемы прямо в png/svg - а уж картинку можно в любой документ вставить

Для JetBrains есть плагин который позволяет прямо в редакторе перемещать блоки и сразу же переключиться на png/svg-просмотр (как в работе с markdown)

  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб