Examples

Explore various Mermaid diagram types with interactive preview support.

Available Examples

• Flowchart - Process flows and workflows
• Sequence Diagram - Object interactions over time
• Class Diagram - Object-oriented structure
• ER Diagram - Entity relationships
• Gantt Chart - Project timelines

Try It Out

Each example page contains multiple diagrams that you can interact with:

1. Click on any diagram to open fullscreen preview
2. Zoom in to see details
3. Pan around by dragging
4. Use keyboard shortcuts for quick navigation

Quick Demo

Here's a sample diagram to try:

Loading diagram...

Click the diagram above to experience the fullscreen preview feature!