Mermaid

Reference

---
title: This is a Title
displayMode: compact
config:
  layout: elk
  theme: neutral
  flowchart:
    htmlLabels: false
---
flowchart TD
	A(.NET Aspire App Host) --> |2.Request with cookie| B(BFF)
	A-->|1.Authenticate user|E(Keycloak IDP)
	B -->|4.Routing with bearer token| C[Weather API]
	B -->|3.Routing with bearer token| D[Location
API]
	D -->F(thumb_up Redis Cache)
	F-->G
	E--->G
	C --->G{{book_2 SQL Server}}
	style A fill:lime, stroke:#333, stroke-width:1px
	style G fill:gold, stroke:#333, stroke-width:1px

---
config:
  theme: default
---
mindmap
  root((mindmap))
    Origins
      Long history
      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

---
config:
  theme: default
  themeVariables:
    pieOuterStrokeWidth: "1px"
---
pie showData 
	title What Voldemort doesn't have?
         "FRIENDS" : 2
         "FAMILY" : 3
         "NOSE" : 45

gitGraph:
    commit "Ashish"
    branch newbranch
    checkout newbranch
    commit id:"1111"
    commit tag:"test"
    checkout main
    commit type: HIGHLIGHT
    commit
    merge newbranch
    commit
    branch b2
    commit

---
config:
  theme: default
---
xychart
    title "Sales Revenue"
    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
    y-axis "Revenue (in $)" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]