Diagramming Tools Course Index — Dataplexa

Diagramming Tools

Diagramming Tools
Course Index

28 Lessons · 3 Levels

Master technical diagramming with code and visual tools — Mermaid flowcharts, sequence, ER & class diagrams in GitHub/Notion, Draw.io architecture, and Excalidraw. Covers PlantUML, C4 model, D2 language, AI diagram generation & 2 real diagram set builds.

Start Course →← Back to Learning Hub

28Lessons

3Levels

2Projects

FreeAccess

Level IDiagram-as-Code & MermaidLessons 1–10

What are Diagramming Tools?

Diagram-as-Code vs Visual Editors

Mermaid: Syntax & Setup

Mermaid Flowcharts

Mermaid Sequence Diagrams

Mermaid ER Diagrams

Mermaid Class & State Diagrams

Mermaid Gantt & Timeline Charts

Mermaid in GitHub, Notion & VS Code

Draw.io: Visual Diagramming

Level IIDraw.io, Excalidraw, PlantUML & Team ToolsLessons 11–22

Draw.io Flowcharts & Process

Draw.io Architecture Diagrams

Draw.io Network & Infrastructure

Draw.io in VS Code & GitHub

Excalidraw: Hand-Drawn Diagrams

Excalidraw for Whiteboarding

PlantUML: UML from Text

PlantUML Sequence & Component

C4 Model: Architecture Diagrams

Lucidchart & Miro for Teams

AI-Generated Diagrams

Diagrams in Docs: Best Practices

Level IIIAdvanced Tools & ProjectsLessons 23–28

D2: Modern Diagram-as-Code Language

Diagrams in CI/CD Pipelines

System Design Diagrams

Database Schema Diagrams

Build a System Architecture Diagram

Build a Project Docs Diagram Set

Ready to Start?

Diagramming Tools Course Index

Start Course →← Back to Learning Hub