mermaid

• https://mermaid-js.github.io/mermaid/#/./n00b-overview учебничек mermaid
• https://github.com/arnm/ob-mermaid и https://github.com/mermaid-js/mermaid-cli - чтоб работало в org-babel.
• https://mermaid-js.github.io/mermaid/#/ - разметка для диаграмм, юзаемая гитлабом
  • https://mermaid.js.org/intro/n00b-gettingStarted.html
• https://github.com/mermaid-js/mermaid-live-editor - гитхаб редактора для нее, но невнятный

• https://mermaid.js.org/syntax/flowchart.html#styling-a-node Пример:

  class node1,node2,node3 BROWN
  classDef BROWN fill:#828282,stroke:none,color:#fff
  

Кириллицу в надписях умеет.

graph TD;
    A-->B;
    A-->Так;
    B-->D;
    Так-->D;

Такой способ задавать настройки должен бы работать, но не хочет.

(setq ob-mermaid-cli-path "~/node_modules/.bin/mmdc")

А вот добавление в PATH помогает.

sequenceDiagram
 A-->B: Works!

По крайней мере, у меня сейчас тему и бэкграунд не замечает вообще. Зато без file отказывается запускаться.

• file - Output file. It should be either svg, png or pdf.
• width - Width of the page. Optional.
• height - Height of the page. Optional.
• theme - Theme of the chart, could be default, forest, dark or neutral. Optional.
• background-color - Background color. Example: transparent, red, ‘#F0F0F0’. Optional.
• mermaid-config-file - JSON configuration file for mermaid. Optional.
• css-file - CSS file for the page. Optional.
• pupeteer-config-file - JSON configuration file for puppeteer. Optional.