From 4e96fde4134ff3a24c99566c0d307473ea295688 Mon Sep 17 00:00:00 2001 From: medusa Date: Sat, 2 Mar 2024 21:03:11 +0000 Subject: [PATCH] Update docs/random_docs/Mermaid.md --- docs/random_docs/Mermaid.md | 49 ++++++++++++++++++------------------- 1 file changed, 24 insertions(+), 25 deletions(-) diff --git a/docs/random_docs/Mermaid.md b/docs/random_docs/Mermaid.md index f1e8e63..08b252d 100644 --- a/docs/random_docs/Mermaid.md +++ b/docs/random_docs/Mermaid.md @@ -419,46 +419,45 @@ sequenceDiagram; A->>B: Request; B->>A: Response; ``` - -### Gantt Chart - -Visualizes project schedules. +## Gantt Chart ```mermaid -gantt; - title A Gantt Diagram; - section Section; - A task: a1, 2022-01-01, 30d; +gantt + title A Gantt Diagram + dateFormat YYYY-MM-DD + section Section + A task :a1, 2022-01-01, 30d ``` -### Class Diagram - -Shows structure of a system by modeling its classes, attributes, operations, and relationships. +## Class Diagram ```mermaid -classDiagram; - Class01 <|-- AveryLongClass : Cool; - Class03 *-- Class04; +classDiagram + Class01 <|-- AveryLongClass : Inheritance + Class03 *-- Class04 : Association + Class05 .. Class06 : Aggregation + Class07 --|> Class08 : Composition ``` -### State Diagram - -Represents state transitions in a system. +## State Diagram ```mermaid -stateDiagram; - [*] --> Still; - Still --> [*]; +stateDiagram-v2 + [*] --> Active + Active --> Inactive + Active --> [*] ``` -### Pie Chart +## Pie Chart -Visualizes numerical proportions. +Pie charts are not supported in some versions of Mermaid. If your renderer supports them, the syntax usually looks like this, but it's less commonly used and might not work in all environments: ```mermaid -pie; - "Dogs": 386; - "Cats": 85; +pie + title Pets adopted by volunteers + "Dogs" : 386 + "Cats" : 85 + "Rabbits" : 15 ``` ## Styling