11.05 Images - practicalseries/GitHub-Wiki-Design-and-Implementation GitHub Wiki

```mermaid
flowchart TB
A[Hard] -->|Text| B(Rounded)
B --> C{Decision}
C -->|One| D([Stadium])
C -->|Two| E[(Database)]
C -->|Three| F((Circle))
```

```mermaid
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                      :until isadded
    Functionality added                 :milestone, isadded, 2014-01-25, 0d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo      :after a1  , 20h
    Add another diagram to demo    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo      :20h
    Add another diagram to demo    :48h
```

```mermaid
gitGraph
   commit
   commit
   branch develop
   checkout develop
   commit
   commit
   checkout main
   merge develop
   commit
   commit
```

```mermaid
C4Context
title System Context diagram for Internet Banking System

Person(customerA, "Banking Customer A", "A customer of the bank, with personal bank accounts.")
Person(customerB, "Banking Customer B")
Person_Ext(customerC, "Banking Customer C")
System(SystemAA, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.")

Person(customerD, "Banking Customer D", "A customer of the bank, 
 with personal bank accounts.")

Enterprise_Boundary(b1, "BankBoundary") {

  SystemDb_Ext(SystemE, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")

  System_Boundary(b2, "BankBoundary2") {
    System(SystemA, "Banking System A")
    System(SystemB, "Banking System B", "A system of the bank, with personal bank accounts.")
  }

  System_Ext(SystemC, "E-mail system", "The internal Microsoft Exchange e-mail system.")
  SystemDb(SystemD, "Banking System D Database", "A system of the bank, with personal bank accounts.")

  Boundary(b3, "BankBoundary3", "boundary") {
    SystemQueue(SystemF, "Banking System F Queue", "A system of the bank, with personal bank accounts.")
    SystemQueue_Ext(SystemG, "Banking System G Queue", "A system of the bank, with personal bank accounts.")
  }
}

BiRel(customerA, SystemAA, "Uses")
BiRel(SystemAA, SystemE, "Uses")
Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
Rel(SystemC, customerA, "Sends e-mails to")

```

```mermaid
flowchart TB
A[Hard] -->|Text| B(Rounded)
B --> C{Decision}
C -->|One| D([Stadium])
C -->|Two| E[(Database)]
C -->|Three| F((Circle))
```

```mermaid
info
```

```geojson
{
  "coordinates": [-2.890456668659124,53.19188063886462],
  "type": "Point"
}
```

```geojson
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "coordinates": [
          [
            [
              -2.894016844090686,
              53.22606316381487
            ],
            [
              -2.943029960491174,
              53.20339794394624
            ],
            [
              -2.9408566337193633,
              53.175461291545616
            ],
            [
              -2.8704974571575974,
              53.16529453461672
            ],
            [
              -2.8466077121183275,
              53.2009158858929
            ],
            [
              -2.894016844090686,
              53.22606316381487
            ]
          ]
        ],
        "type": "Polygon"
      }
    }
  ]
}
```

```stl
solid AssimpScene
 facet normal 0 0 1
  outer loop
  vertex -35 60 20
  vertex -55 60 20
  vertex -35 40 20
  endloop
 endfacet

 facet normal 0 0 1
  outer loop
  vertex -35 40 20
  vertex -55 60 20
  vertex -55 40 20
  endloop
 endfacet

 facet normal 0 0 -1
  outer loop
  vertex -35 40 0
  vertex -55 40 0
  vertex -35 60 0
  endloop
 endfacet

 facet normal 0 0 -1
  outer loop
  vertex -35 60 0
  vertex -55 40 0
  vertex -55 60 0
  endloop
 endfacet

 facet normal 0 -1 0
  outer loop
  vertex -55 40 20
  vertex -55 40 0
  vertex -35 40 20
  endloop
 endfacet

 facet normal 0 -1 0
  outer loop
  vertex -35 40 20
  vertex -55 40 0
  vertex -35 40 0
  endloop
 endfacet

	 facet normal -1 0 0
  outer loop
  vertex -55 60 20
  vertex -55 60 0
  vertex -55 40 20
  endloop
 endfacet

 facet normal -1 0 0
  outer loop
  vertex -55 40 20
  vertex -55 60 0
  vertex -55 40 0
  endloop
 endfacet

 facet normal 0 1 0
  outer loop
  vertex -35 60 20
  vertex -35 60 0
  vertex -55 60 20
  endloop
 endfacet

 facet normal 0 1 0
  outer loop
  vertex -55 60 20
  vertex -35 60 0
  vertex -55 60 0
  endloop
 endfacet

 facet normal 1 0 0
  outer loop
  vertex -35 40 20
  vertex -35 40 0
  vertex -35 60 20
  endloop
 endfacet

 facet normal 1 0 0
  outer loop
  vertex -35 60 20
  vertex -35 40 0
  vertex -35 60 0
  endloop
 endfacet

endsolid AssimpScene
```