Code - Mermaid

flowchart LR
    id1>This is the text in the box]

graph TD;
  A[User] -->|Enters URL| B[Browser]
  B -->|Sends HTTP Request| C[DNS Resolver]
  C -->|Resolves Domain to IP| D[Web Server]
  D -->|Processes Request| E{Static or Dynamic Content?}
  
  E -->|Static| F[Serve Static Files]
  E -->|Dynamic| G[Application Server]
  
  G -->|Fetches Data| H[Database]
  H -->|Returns Data| G
  G -->|Generates HTML| I[Web Server]
  
  F -->|Sends Response| J[Browser]
  I -->|Sends Response| J
  
  J -->|Parses HTML| K[DOM Construction]
  K -->|Loads Resources| L[CSS, JS, Images]
  L -->|Executes JS| M[Render Page]
  M -->|Displays Content| N[User Sees Website]

%% A simple Mermaid diagram
graph TD;
    A[Hello, World!] --> B{Sum};
    B -->|5| C[5];
    B -->|10| D[10];
    C --> E[Result];
    D --> E;

erDiagram
          CUSTOMER }|..|{ DELIVERY-ADDRESS : has
          CUSTOMER ||--o{ ORDER : places
          CUSTOMER ||--o{ INVOICE : "liable for"
          DELIVERY-ADDRESS ||--o{ ORDER : receives
          INVOICE ||--|{ ORDER : covers
          ORDER ||--|{ ORDER-ITEM : includes
          PRODUCT-CATEGORY ||--|{ PRODUCT : contains
          PRODUCT ||--o{ ORDER-ITEM : "ordered in"

flowchart TD
Mermaid:::frenzy-->NonBreakableSpace-->ReportTo --> NotionHQ & MermaidOnGithub
MermaidOnGithub-->GitHub:::frenzy
Mermaid-->Mermaids_FlowchartsArticle:::linked_frenzy-->SpecialChars:::linked
Diagrams.net--> GitHub
Mermaid-->DiagramTypes-->ZILLIONSOFTANGENTS["ZILLIONS OF TANGENTS #129325;"]:::frenzy-->ZILLIONSOFTANGENTS
Mermaids_FlowchartsArticle-->Share-->Tw_Notion & Tw_Nerd

Mermaid-->Yt_Nutt_FlowchartGenerator["William Nutt's<br/>Flowchart Generator<br/>."]:::linked

Mermaids_FlowchartsArticle-->WebSrch_YedToMermaid
MiscTangents:::frenzy--> GitHub & CSS & AS-ADHD & Datamining
WebSrch_YedToMermaid:::frenzy-->Diagrams.net:::frenzy
GitHub-->GitLab & MediaProduction_InGit
MediaProduction_InGit-->MediaProduction_Tools-->MediaProduction_InCloud & Linux & VFX & AWS & Deep & OBS
VFX-->Blender & AfterEffects_Alternatives