-flowchart LR
- a["Haiya"]===>b
+
+ %%{init: {"flowchart": {"htmlLabels": true}} }%%
+ flowchart LR
+ b("The dog in the hog.(1)\nNL") --"1o bold"--> c[old strings svg labels]
-
-flowchart TD
- A --> B
- A --> C
- B --> C
-
-
-flowchart TD
- A([stadium shape test])
- A -->|Get money| B([Go shopping])
- B --> C([Let me think...
Do I want something for work,
something to spend every free second with,
or something to get around?])
- C -->|One| D([Laptop])
- C -->|Two| E([iPhone])
- C -->|Three| F([Car
wroom wroom])
- click A "index.html#link-clicked" "link test"
- click B testClick "click test"
- classDef someclass fill:#f96;
- class A someclass;
- class C someclass;
-
-
- 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
-
-
- info
-
-
-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
-
-
-gantt
- dateFormat YYYY-MM-DD
- title Adding GANTT diagram functionality to mermaid
- excludes weekends
- %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)
-
- section A section
- Completed task :done, des1, 2014-01-06,2014-01-08
- Active task :active, des2, 2014-01-09, 3d
- Future task : des3, after des2, 5d
- Future task2 : des4, after des3, 5d
-
- section Critical tasks
- Completed task in the critical line :crit, done, 2014-01-06,24h
- Implement parser and jison :crit, done, after des1, 2d
- Create tests for parser :crit, active, 3d
- Future task in critical line :crit, 5d
- Create tests for renderer :2d
- Add to mermaid :1d
- Functionality added :milestone, 2014-01-25, 0d
-
- section Documentation
- Describe gantt syntax :active, a1, after des1, 3d
- Add gantt diagram to demo page :after a1 , 20h
- Add another diagram to demo page :doc1, after a1 , 48h
-
- section Last section
- Describe gantt syntax :after doc1, 3d
- Add gantt diagram to demo page :20h
- Add another diagram to demo page :48h
-
-
-stateDiagram
- state Active {
- Idle
- }
- Inactive --> Idle: ACT
- Active --> Active: LOG
-
-
- flowchart 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()
-}
-
-
-%%{init: {'config': {'wrap': true }}}%%
- sequenceDiagram
- participant A as Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be
- A->>Bob: Hola
- Bob-->A: Pasten !
-
-
- gitGraph
- commit id: "ZERO"
- branch develop
- commit id:"A"
- checkout main
- commit id:"ONE"
- checkout develop
- commit id:"B"
- branch featureA
- commit id:"FIX"
- commit id: "FIX-2"
- checkout main
- commit id:"TWO"
- cherry-pick id:"A"
- commit id:"THREE"
- cherry-pick id:"FIX"
- checkout develop
- commit id:"C"
- merge featureA
-
-
-flowchart TD
- A[Christmas] -->|Get money| B(Go shopping)
- B --> C{Let me think}
- C -->|One| D[Laptop]
- C -->|Two| E[iPhone]
- C -->|Three| F[fa:fa-car Car]
-
-
- 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()
- }
-
-
- erDiagram
- CAR ||--o{ NAMED-DRIVER : allows
- CAR {
- string registrationNumber
- string make
- string model
- }
- PERSON ||--o{ NAMED-DRIVER : is
- PERSON {
- string firstName
- string lastName
- int age
- }
-
-
-
-
-