
Mermaid User Guide
This section talks about the different ways to deploy Mermaid. If you are a beginner:
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.
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 …
Diagram Syntax | Mermaid
We've restructured how Mermaid renders diagrams, enabling new features like selecting layout and look. Currently, this is supported for flowcharts and state diagrams, with plans to extend …
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 …
Integrations | Mermaid
We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created by the community. See the list below of community plugins …
Sequence diagrams | Mermaid
Sequence diagrams A Sequence diagram is an interaction diagram that shows how processes operate with one another and in what order. Mermaid can render sequence diagrams.
Tutorials | Mermaid
This is a list of publicly available Tutorials for using Mermaid.JS and is intended as a basic introduction for the use of the Live Editor for generating diagrams, and deploying Mermaid.JS …
Mermaid Chart
The lead developers from Mermaid have joined the company and there is a strong connection between the project we all love and Mermaid Chart. Mermaid Chart brings resources to the …
Usage | Mermaid
Mermaid is a JavaScript tool that makes use of a Markdown based syntax to render customizable diagrams, charts and visualizations. Diagrams can be re-rendered/modified by modifying their …