Diagramme mit Code So nutzt du Mermaid einfach

https://www.youtube.com/watch?v=BS3erL16GVk

Markdown Mermaid Link to heading

Links Link to heading

• VS-Code Extension: https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
• Mermaid Live via Browser: https://mermaid.live/edit
• Mermaid Syntax: https://mermaid.js.org/intro/getting-started.html

Bsp. 1 Link to heading

graph LR
	YouTube --> pixeledi --> abonnieren

Bsp. 2 Link to heading

graph TD
    subgraph youtube
        A[YouTube] --> B{suche guten Kanal}
        B --> C[gefunden] 
        B -->|nicht gefunden| F[pixeledi suchen]
    end

    subgraph user
        C --> D[abonnieren]
        F --> D
    end

Bsp. 3 Link to heading

%% paste code in https://mermaid.live/
sequenceDiagram
    WiFi->>+WiFi: Connecting to WiFi
    WiFi->>+HTTP: Connected
    HTTP->>+HTTP: HTTP GET Request
    HTTP->>+JSON: On Response
    JSON->>+Sensor: Parse JSON & Publish BTC Price
    Sensor->>+Display: Update E-Paper
    Display->>+DeepSleep: Enter Deep Sleep

Projektlinks Link to heading

• YouTube: https://www.youtube.com/watch?v=BS3erL16GVk
• GitHub: https://github.com/pixelEDI/OpenSourceStuff/tree/main/12_Markdown_Mermaid_Beispiele
• Alle Links: https:links.pixeledi.eu