Mermaid Diagrams
Mermaid is a JavaScript-based diagramming and charting tool that allows you to create diagrams using a simple markdown-like syntax. It supports various types of diagrams, including flowcharts, sequence diagrams, class diagrams, state diagrams, and more.
To use Mermaid in Dr. Jekyll, you can include your Mermaid code within a code block and specify
mermaidas the language. Dr. Jekyll will automatically render the Mermaid diagrams when the documentation is built.
Mermaid lets you create diagrams and visualizations using text and code. It supports a wide range of diagram types, including flowcharts, sequence diagrams, class diagrams, state diagrams, and more. Mermaid is a powerful tool for creating dynamic and interactive diagrams that can be easily integrated into your documentation.
Table of contents
- Block
- Class
- Entity Relationship
- Flowchart
- Gantt Chart
- Git Graph
- Graph
- Mind Map
- Packet
- Pie
- Quadrant Chart
- Requirement Diagram
- Sankey
- Sequence Diagram
- State Diagram
- Timeline
- User Journey Diagram
- XY Chart
- TreeView đ ąī¸
- Kanban
- Architecture đ ąī¸
- Radar đ ąī¸
- Event Modeling
- Tree Map đ ąī¸
- Venn Diagram đ ąī¸
- Ishikawa đ ąī¸
- Wardley Diagrams đ ąī¸