Skip to content

rafidalhaque/mermaidjs-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

mermaid-test

What is mermaid?

As describe in mermaid's official website,

It is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Template

for flowchart its template is,

graph TD;
  ID --> ID1
graph TD;
  ID --> ID1
Loading

Oh! I forgot to say that mermaid can implement on markdown file!

for this you should start a code block with mermaid word!

Shaping of nodes.

graph LR
    A[Eid] -->|Get money| B((Go shopping))
    B --> C{Let me think}
    C -->|One| D([Laptop])
    C -->|Two| E[[iPhone]]
    C -->|Three| F[(fa:fa-car Car)]
    F --> G>Driving]
    E --> H{{Apple}} 
    D --> I[/Acer/]
    C --> J[\Android\]
    J --> K[/Samsung\]
    J --> L[\Oppo/]
    A --> M(((Double Circle)))
graph LR
    A[Eid] -->|Get money| B((Go shopping))
    B --> C{Let me think}
    C -->|One| D([Laptop])
    C -->|Two| E[[iPhone]]
    C -->|Three| F[(fa:fa-car Car)]
    F --> G>Driving]
    E --> H{{Apple}} 
    D --> I[/Acer/]
    C --> J[\Android\]
    J --> K[/Samsung\]
    J --> L[\Oppo/]
    A --> M(((Double Circle)))
Loading

Releases

No releases published

Packages

No packages published