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.
Sequence diagrams | Mermaid
This is done by defining mermaid.sequenceConfig or by the CLI to use a json file with the configuration. How to use the CLI is described in the mermaidCLI page. mermaid.sequenceConfig can be set to a …
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 through HTML.
About Mermaid | Mermaid
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 …
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 and integrations …
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, …
mermaid CLI
mermaid CLI has been moved to mermaid-cli. Please read its documentation instead. Edit this page on GitHub
User Journey Diagram | Mermaid
User Journey Diagram User journeys describe at a high level of detail exactly what steps different users take to complete a specific task within a system, application or website. This technique shows the …
Block Diagram Syntax | Mermaid
Mermaid enables detailed styling of individual blocks, allowing you to apply various CSS properties such as color, stroke, and border thickness. This feature is especially useful for highlighting specific parts …
mermaid | Mermaid - JS.ORG
Create diagrams and visualizations using text and code.