Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

•    Javascript

---

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

diagram markdown flowchart sequence-diagram gantt class-diagram git-graph visio-alternative chart

Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

•    Javascript

---

Mermaid is a Javascript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams or docs ruins productivity and hurts organizational learning.

charting-tool charts javascript-charts flowchart markdown diagram sequence-diagram gantt-chart pie-chart

Editor.md - The open source embeddable online markdown editor (component).

•    Javascript

---

The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. It supports Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown). It has full-featured support for Real-time Preview, Image Upload, Code blocks / Tables insert, Search replace, Themes, Multi-languages and lot more.

markdown editor markdown-editor codemirror katex gfm flowchart sequence-diagram toc marked commonmark

react-mermaid - A react component to display mermaid diagrams and flowcharts

•    Javascript

---

A react component to display mermaid diagrams and flowcharts. react-mermaid is built using ES6. Run the following task to compile the src/ into dist/.

react react-component mermaid diagram markdown flowchart sequence-diagram gantt

node-websequencediagrams - Call the WebSequenceDiagram.com API.

•    Javascript

---

Call the WebSequenceDiagram.com API. Takes the text to turn into a diagram, the style name, the output type, and a callback.

uml sequence-diagram sequence diagram websequencediagrams websequencediagrams.com