Flowchart

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              flowchart TD
                A[Start] --> B{Is it?};
                B -- Yes --> C[OK];
                C --> D[Rethink];
                D --> B;
                B -- No ----> E[End];
            

Sequence Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              sequenceDiagram
                Alice->>John: Hello John, how are you?
                John-->>Alice: Great!
                Alice-)John: See you later!
            

Class Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              classDiagram
                Animal <|-- Duck
                Animal <|-- Fish
                Animal <|-- 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()
                }
            

State Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              stateDiagram-v2
                [*] --> Still
                Still --> [*]

                Still --> Moving
                Moving --> Still
                Moving --> Crash
                Crash --> [*]
            

Entity Relationship Diagrams

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              erDiagram
                CUSTOMER ||--o{ ORDER : places
                ORDER ||--|{ LINE-ITEM : contains
                CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
            

User Journey Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              journey
                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
            

Gantt Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              gantt
                title A Gantt Diagram
                dateFormat  YYYY-MM-DD
                section Section
                A task           :a1, 2014-01-01, 30d
                Another task     :after a1  , 20d
                section Another
                Task in sec      :2014-01-12  , 12d
                another task     : 24d
            

Pie Chart Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              pie title Pets adopted by volunteers
                "Dogs" : 386
                "Cats" : 85
                "Rats" : 15
            

Requirement Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              requirementDiagram

              requirement test_req {
                id: 1
                text: the test text.
                risk: high
                verifymethod: test
              }
          
              element test_entity {
                type: simulation
              }
          
              test_entity - satisfies -> test_req
            

GitGraph Diagram

              %%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
              gitGraph
                commit
                commit
                branch develop
                checkout develop
                commit
                commit
                checkout main
                merge develop
                commit
                commit
            

Mindmap

              mindmap
                root((mindmap))
                  Origins
                    Long history
                    ::icon(fa fa-book)
                    Popularisation
                      British popular psychology author Tony Buzan
                  Research
                    On effectiveness and features
                    On Automatic creation
                      Uses
                          Creative techniques
                          Strategic planning
                          Argument mapping
                  Tools
                    Pen and paper
                    Mermaid
            

Sankey

              sankey-beta

              %% source,target,value
              Electricity grid,Over generation / exports,104.453
              Electricity grid,Heating and cooling - homes,113.726
              Electricity grid,H2 conversion,27.14