If you are a beginner: A sequence diagram is an interaction diagram that shows how processes operate with one another and in what order Mermaid introduces 30 new shapes to enhance the flexibility and precision of flowchart creation
πΊπππ π§π»ββοΈ (@mermaid.shea) β’ Instagram photos and videos
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.
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 If you wish to learn about mermaid's syntax, read the diagram syntax section. 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 support to all diagram types.
Mermaid is a javascript tool that makes use of a markdown based syntax to render customizable diagrams, charts and visualizations Mermaid lets you create diagrams and visualizations using text and code Entity names are often capitalised, although there is no accepted standard on this, and it is not required in mermaid Relationships between entities are represented by lines with end markers representing cardinality
Mermaid uses the most popular crow's foot notation.
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 created with mermaid.
