Lean Docs

Mermaid.js Mind Map Syntax Guide

What is a Mind Map? A Mind Map is a hierarchical tree-based visualization used to capture, organize, and structure complex information flows, brainstormed ideas, or project taxonomies. Unlike flowcharts that dictate linear procedural steps, mind maps represent connections between a…

Mermaid.js State Diagram Syntax Guide

What is a State Diagram? A State Diagram (also known as a Statechart) is a behavioral UML diagram that models the finite lifecycle of a single object or subsystem. Recognized as a core UML diagram type, it illustrates the discrete…

Mermaid.js ERD Syntax Guide

Mermaid.js ERD Syntax Guide

What is an Entity Relationship Diagram (ERD)? An Entity Relationship Diagram (ERD) is a structural blueprint used to design, document, and analyze relational database schemas. It outlines the specific data tables (entities) within an application, the columns (attributes) nested inside…

Mermaid.js Sequence Diagram Syntax Guide

Mermaid.js Sequence Diagram Syntax Guide

What is a Sequence Diagram? A Sequence Diagram is an essential behavioral UML diagram designed to visualize the chronological flow of messages, function calls, and data payloads between different system entities over a linear timeline. Recognized as a core UML…

Mermaid.js Class Diagram Syntax Guide

Mermaid.js Class Diagram Syntax Guide

What is a Class Diagram? A Class Diagram is a structural UML diagram that visualizes the static architecture of an object-oriented software system. As an indispensable UML diagram type, it maps out the individual classes, interfaces, and data models within…

Mermaid.js Flowchart Syntax Guide

What is a Flowchart? A Flowchart is a foundational behavioral map that visualizes a step-by-step operational workflow, algorithmic procedure, or sequential business logic. By representing system actions as distinct geometric shapes and charting the control flow with directional arrows, a…

Mermaid.js Syntax Basis

Before diving into specific architectural layouts like complex flowcharts or sequence timelines, it is essential to understand the foundational rules that govern the Mermaid Playbook. Mermaid relies on a clean, highly intuitive text notation system. Once you understand how the…

PlantUML C4 Model Syntax Guide

What is the C4 Model Diagram? The C4 Model Diagram is a hierarchical, four-level architectural framework designed to document software architecture with varying degrees of granular detail. Created by Simon Brown, C4 avoids vague boxes and lines by structuring system…

PlantUML ArchiMate Diagram Syntax Guide

What is an ArchiMate Diagram? An ArchiMate Diagram is a high-level enterprise architecture modeling visualization that tracks strategies, business processes, software applications, and physical data infrastructure across an organization. Unlike traditional UML maps that look deep into software execution routines,…

PlantUML ERD Syntax Guide

What is an Entity Relationship Diagram (ERD)? An Entity Relationship Diagram (ERD) is a structural blueprint used to design, document, and analyze relational databases. It visualizes the tables (entities) within a system, the specific columns (attributes) they contain, and how…

Scroll to Top