Examples

Click any diagram below to open the interactive viewer. Use mouse wheel, pinch, or buttons to zoom. Drag to pan.

New here? Start with the Usage guide to install and configure vitepress-mermaid-viewer in your VitePress site.

Flowchart

Sequence Diagram

Class Diagram

State Diagram

Gantt Chart

Pie Chart

Git Graph