↓ Skip to main content
  1. Pages/

Charts & Diagrams

Table of Contents

Flowchart
# 

graph TD
A[Start] --> B{Is it working?}
B -->|Yes| C[Great!]
B -->|No| D[Debug]
D --> E[Check logs]
E --> F[Fix issue]
F --> B
C --> G[Deploy]

Sequence Diagram
# 

sequenceDiagram
participant Client
participant API
participant Database

Client->>API: POST /login
API->>Database: Query user
Database-->>API: User data
API-->>Client: JWT Token
Client->>API: GET /data (with token)
API->>Database: Fetch data
Database-->>API: Results
API-->>Client: JSON response

Class Diagram
# 

classDiagram
class User {
    +String username
    +String email
    -String password
    +login()
    +logout()
}
class Post {
    +String title
    +String content
    +Date createdAt
    +publish()
    +delete()
}
class Comment {
    +String text
    +Date createdAt
    +edit()
}
User "1" --> "*" Post : writes
User "1" --> "*" Comment : writes
Post "1" --> "*" Comment : has

Entity Relationship Diagram
# 

erDiagram
USER ||--o{ POST : creates
USER ||--o{ COMMENT : writes
POST ||--o{ COMMENT : contains
POST ||--o{ TAG : has
CATEGORY ||--|{ POST : contains

USER {
    int id PK
    string username
    string email
}
POST {
    int id PK
    string title
    text content
    int user_id FK
}

State Diagram
# 

stateDiagram-v2
[*] --> Draft
Draft --> Review : Submit
Review --> Draft : Request changes
Review --> Approved : Approve
Approved --> Published : Publish
Published --> Archived : Archive
Archived --> [*]

Gantt Chart
# 

gantt
title Project Timeline
dateFormat YYYY-MM-DD
section Planning
Requirements :a1, 2024-01-01, 7d
Design :a2, after a1, 5d
section Development
Backend :b1, after a2, 14d
Frontend :b2, after a2, 14d
section Testing
QA Testing :c1, after b1, 7d
section Deployment
Launch :d1, after c1, 2d

Pie Chart
# 

pie showData
title Languages Used
"Go" : 45
"TypeScript" : 30
"Python" : 15
"Rust" : 10

Git Graph
# 

gitGraph
commit id: "Initial"
commit id: "Add feature A"
branch develop
commit id: "Start feature B"
commit id: "Continue B"
checkout main
commit id: "Hotfix"
checkout develop
commit id: "Finish B"
checkout main
merge develop id: "Merge develop"
commit id: "Release v1.0"

Mindmap
# 

mindmap
root((Project))
    Backend
        API
        Database
        Auth
    Frontend
        UI Components
        State Management
        Routing
    DevOps
        CI/CD
        Monitoring
        Infrastructure

Timeline
# 

timeline
title Development Journey
2020 : Started learning Go
2021 : First open source contribution
     : Built first CLI tool
2022 : Joined tech company
     : Led backend team
2023 : Started Zig exploration
2024 : Building with Rust