Appearance

Sidebar Navigation

📔 Introduction

About Mermaid

Getting Started

Syntax and Configuration

📊 Diagram Syntax

Flowchart

Sequence Diagram

Class Diagram

State Diagram

Entity Relationship Diagram

User Journey

Gantt

Pie Chart

Quadrant Chart

Requirement Diagram

Gitgraph (Git) Diagram

C4 Diagram 🦺⚠️

Mindmaps

Timeline

ZenUML

Sankey 🔥

XY Chart 🔥

Block Diagram 🔥

Packet 🔥

Kanban 🔥

Architecture 🔥

Radar 🔥

Other Examples

📚 Ecosystem

Mermaid Chart

Tutorials

Integrations - Community

Integrations - Create

⚙️ Deployment and Configuration

Configuration

API-Usage

Mermaid API Configuration

Mermaid Configuration Options

Registering icons

Directives

Theming

Math

Accessibility

Mermaid CLI

FAQ

🙌 Contributing

Getting Started

Contributing to Mermaid

Adding Diagrams

Questions and Suggestions

Security

📰 Latest News

Announcements

Blog

On this page

Replace ChatGPT Pro, Mermaid.live, and Lucid Chart with Mermaid Chart

mermaid

defaultConfig

Variables

configKeys
default

Edit this page on GitHub

Pager

Next pageAbout Mermaid

defaultConfig ​

Variables ​

defaultConfig

Variables