๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

Diagram Examples

Invalid Diagramsโ€‹

Those errors should not crash the whole page

Invalid typeโ€‹

Invalid contentโ€‹

Sequence Diagramโ€‹

Sequence Diagram (forest theme directive)โ€‹

It is possible to override default config locally with Mermaid text directives such as:

%%{init: { "theme": "forest" } }%%

Gantt Chartโ€‹

Flow Chartโ€‹

With Markdown:โ€‹

Class Diagramโ€‹

State Diagramโ€‹

Entity Relationship Diagramโ€‹

User Journeyโ€‹

๋…ธํŠธ

If there's too much space above it's due to a Mermaid bug

Pie Chartโ€‹

Requirement Diagramโ€‹

Gitgraph (Git) Diagramโ€‹

Mermaid in tabsโ€‹

The following mermaid diagram is shown:

Mindmapโ€‹

Quadrant Chartโ€‹

Architecture Diagramโ€‹