journey title Adding journey diagram functionality to mermaid accTitle: Adding acc journey diagram functionality to mermaid accDescr { My multi-line description of the diagram } section Order from website
pie accTitle: My Pie Chart Accessibility Title accDescr: My Pie Chart Accessibility Description title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5
gitGraph accTitle: My Gitgraph Accessibility Title accDescr: My Gitgraph Accessibility Description commit commit branch develop checkout develop commit commit checkout main merge develop commit commit
sequenceDiagram title: My Sequence Diagram Title accTitle: My Acc Sequence Diagram accDescr: My Sequence Diagram Description Alice->>John: Hello John, how are you? John-->>Alice: Great! Alice-)John: See you later!
graph TD A -->|000| B B -->|111| C linkStyle 1 stroke:#ff3,stroke-width:4px,color:red;
journey accTitle: My User Journey Diagram accDescr: My User Journey Diagram Description title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me
requirementDiagram accTitle: My req Diagram accDescr: My req Diagram Description requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } functionalRequirement test_req2 { id: 1.1 text: the second test text. risk: low verifymethod: inspection } performanceRequirement test_req3 { id: 1.2 text: the third test text. risk: medium verifymethod: demonstration } element test_entity { type: simulation } element test_entity2 { type: word doc docRef: reqs/test_entity } test_entity - satisfies -> test_req2 test_req - traces -> test_req2 test_req - contains -> test_req3 test_req <- copies - test_entity2
stateDiagram state Active { Idle } Inactive --> Idle: ACT Active --> Active: LOG
graph TB accTitle: My flowchart accDescr: My flowchart Description subgraph One a1-->a2-->a3 end
sequenceDiagram A ->> B: 1 rect rgb(204, 0, 102) break yes rect rgb(0, 204, 204) C ->> C: 0 end end end B ->> A: Return
classDiagram accTitle: My class diagram accDescr: My class diagram Description Class01 <|-- AveryLongClass : Cool Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla class Class10 { int id size() }
stateDiagram accTitle: Apa accDescr: One that can climb better then any man [*] --> S1 state "Some long name" as S1
classDiagram Animal "1" <|-- Duck Animal <|-- Fish Animal <--o Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }