daniilshat Feb 22 2022 at 07:00

Рисуем диаграммы Mermaid.js в README-файлах GitHub

14 min

40K

GitHub*Technical Writing*

+43

Comments 10

KeyJoo Feb 23 2022 at 08:44

Чётко и по делу о внедрёной фиче. А что за популярная нотация "гусиные лапки"?

daniilshat Feb 23 2022 at 12:24

Популярная разновидность стрелок в схемах. Подробнее можно узнать вот тут

nektopme May 12 2022 at 15:55

Спасибо за статью.
Вижу возможность визуальной группировки.
Есть ли возможность сворачивания участков?

dimanikulin Feb 23 2022 at 10:11

Спасибо, отличная статья!

vl1 Feb 24 2022 at 11:11

А почему не PlantUML? Он же красивее и фич больше.
На JS напрямую рендерить нельзя, но можно через их server rendering получать картинку (можно и свой сервер поднять для параноиков)
https://plantuml.com/code-javascript-asynchronous

Будет img src что-то вроде http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80

BAHOO Feb 25 2022 at 10:08

Не уверен, что красиво - понятие объективное тут, но разве можно PlantUML код внедрить напрямую в файл *.md и чтобы был не код а диаграмка сразу?

how Feb 27 2022 at 17:16

![plantuml](http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80)

как-то так

vit1252 Mar 3 2022 at 09:16

Хорошо бы использовать основное достоинство JavaScript, а именно возможность взаимодействия с этими компонентами (двигать, увеличивать и получать всплывающие диалоги с данными).

Мне было бы очень удобно представлять какие-то данные в виде диаграмм в каких-то случаях на страницах и конечно снабжать их метаинформацией и ссылками.

Все это требует от библиотеки привязки к React.

nektopme Jul 18 2022 at 19:40

Спасибо.
Пошукал, но похоже mermaid не умеет сворачивать/ разворачивать ветви?
А кто умееет?

BotCoder Oct 26 at 12:05

https://www.amcharts.com/ - тут есть такой функционал и не только такой.