40

Mermaid — Create Charts and Diagrams With Markdown-like Syntax

 4 years ago
source link: https://www.tuicool.com/articles/jqeuiaU
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Mermaid is a simple markdown-like script language for generating charts from text via javascript.

Oct 30 ·4min read

bARreur.png!web

Mermaid — https://knsv.github.io/mermaid/#/

Mermaid lets you generate diagrams and flowcharts from with Markdown-like syntax. It’s easy to use, free and open source. Mermaid lets you simplify documentation and avoid bulky tools when explaining your code.

J3aAJ3Y.png!web

Mermaid Github Page — https://github.com/knsv/mermaid

Examples

Here are a couple of examples of what you can do with Mermaid.

Flowchart

A flowchart is a type of diagram that represents a workflow or process. A flowchart can also be defined as a diagrammatic representation of an algorithm, a step-by-step approach to solving a task.

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK