State diagrams visualize the states of a system and transitions between them. Perfect for modeling state machines, workflows, and system behavior. Use Case Use state diagrams when you need to: Model state machines Document system states and transitions Show workflow states Visualize state transitions Design finite …

Entity Relationship Diagrams (ERD) visualize database schemas, showing entities, their attributes, and relationships. Perfect for database design and documentation. Use Case Use ER diagrams when you need to: Design database schemas Document database structure Show relationships between entities Visualize data models …

Mermaid supports creating arbitrary graphs (both directed and undirected) for visualizing networks, relationships, and complex graph structures. Perfect for network topologies, social graphs, dependency graphs, and any graph-based visualization. Use Case Use Mermaid graphs when you need to: Visualize network topologies …

Graphviz uses the DOT language to create sophisticated graph layouts. Excellent for complex network diagrams, dependency graphs, state machines, and any graph-based visualization where automatic layout is beneficial. Use Case Use Graphviz when you need to: Visualize complex networks or dependencies Create state …

P5.js is a JavaScript library for creative coding and interactive visualizations. Perfect for creating custom animations, data visualizations, and interactive diagrams that go beyond static charts. Use Case Use P5.js when you need to: Create custom interactive visualizations Animate data or concepts Build interactive …

The C4 model provides a hierarchical way to visualize software architecture at different levels of abstraction: Context, Containers, Components, and Code. Perfect for documenting system architecture. Use Case Use architecture diagrams when you need to: Document system architecture Show system boundaries and …

Sequence diagrams show interactions between different components over time. Perfect for documenting API calls, system interactions, and message flows. Use Case Use sequence diagrams when you need to: Document API interactions Show message passing between components Visualize request/response flows Map out system …

Mermaid flowcharts are perfect for visualizing processes, algorithms, and decision trees. They're text-based, version-control friendly, and render beautifully. Use Case Use flowcharts when you need to: Document algorithms or processes Show decision logic Map out workflows Visualize state transitions Code 1```mermaid …