|
- Mermaid | Diagramming and charting tool
Mermaid Diagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically
- Mermaid User Guide
This section talks about the different ways to deploy Mermaid If you are a beginner:
- Flowcharts Syntax | Mermaid
Mermaid introduces 30 new shapes to enhance the flexibility and precision of flowchart creation These new shapes provide more options to represent processes, decisions, events, data storage visually, and other elements within your flowcharts, improving clarity and semantic meaning
- Examples | Mermaid
This page contains a collection of examples of diagrams and charts that can be created through mermaid and its myriad applications If you wish to learn how to support mermaid on your webpage, read the Beginner's Guide
- Class diagrams | Mermaid
Class diagrams can also be used for data modeling The classes in a class diagram represent both the main elements, interactions in the application, and the classes to be programmed Mermaid can render class diagrams
- State diagrams | Mermaid
Mermaid can render state diagrams The syntax tries to be compliant with the syntax used in plantUml as this will make it easier for users to share diagrams between mermaid and plantUml
- GitGraph Diagrams | Mermaid
Mermaid syntax for a gitgraph is very straight-forward and simple It follows a declarative-approach, where each commit is drawn on the timeline in the diagram, in order of its occurrences presence in code
- Usage | Mermaid
Following these directions, mermaid starts at page load and (when the page has loaded) it will locate the graph definitions inside the pre tags with class="mermaid" and return diagrams in SVG form, following given definitions
|
|
|