HTML Diagrams & Graphs

📊 HTML Diagrams & Graph Examples

1. Flowchart

flowchart TD Start --> Login --> Dashboard --> End

2. Sequence Diagram

sequenceDiagram User->>App: Login App->>DB: Validate DB-->>App: Success App-->>User: Dashboard

3. Class Diagram

classDiagram class User { +name +login() } class Order { +create() } User --> Order

4. State Diagram

stateDiagram-v2 [*] --> Pending Pending --> Paid Paid --> Shipped Shipped --> Delivered

5. Gantt Chart

gantt title Project Timeline section Dev Task1 :done, 2024-01-01, 3d Task2 :active, 2024-01-04, 5d

6. Pie Chart

7. Bar Graph

8. Line Chart