Server-side mermaid

Problem: Mermaid.js requires browser. The only known workaround is to use headless browser (Playwright, Puppeteer), which is cumbersome and not portable. For example, there are issues installing Playwright on Netlify and Vercel.

Alternative solution: parse Mermaid and render with alternative library.

• I tried to write parser for Flowchart ↗
• Flowchart can be rendered with Graphviz ↗ or Vizdom ↗
• ER diagram can be rendered with Graphviz. For example, https://github.com/BurntSushi/erd ↗
• Sankey can be rendered with echarts ↗
• etc.

Related:

• https://github.com/creadri/sebastianjs ↗
• https://github.com/Enteee/plantuml-parser ↗
• https://modeling-languages.com/text-uml-tools-complete-list/ ↗

Diagram libraries

• https://xosh.org/text-to-diagram/ ↗
• https://docs.asciidoctor.org/diagram-extension/latest/ ↗

Sequence diagram

• https://bramp.github.io/js-sequence-diagrams/ ↗
• https://mscgen.js.org/ ↗
• https://github.com/hildjj/quence ↗
• https://github.com/killij/jasdjs ↗
• https://github.com/aduh95/yuml2svg ↗
• https://github.com/meyfa/selena ↗
• https://github.com/davidje13/SequenceDiagram ↗
• https://zenuml.com/docs/examples/sequence-diagram-example-business-process-improvement/ ↗
• https://flowchart.js.org/ ↗
• https://d2lang.com/tour/sequence-diagrams/ ↗
• https://github.com/olindk/chart-mage ↗

ERD

• https://dbml.dbdiagram.io/home/ ↗ (JS)
• Graphviz-based
  • https://github.com/BurntSushi/erd ↗ (Haskell)
  • https://github.com/voormedia/rails-erd ↗ (Ruby)
  • https://erdantic.drivendata.org/ ↗ (Python)
  • https://github.com/kaishuu0123/erd-go ↗ (Go)
  • https://stevebuik.github.io/GraphVizForce/ ↗ (Apex)
• https://github.com/tmc/ent2d2/blob/master/testdata/schema.d2 ↗

Class diagram

• https://github.com/hylimo/hylimo ↗