Every Diagram Type

Fifteen types, each with a fluent PHP builder, a layout engine, and an SVG renderer. All of them except Venn also parse a Mermaid subset and render canonical Mermaid back.

Every figure below is generated from the type's own documented example, so what you see is what the code in that page produces.

Which One Parses Mermaid

Fourteen of the fifteen accept a Mermaid subset. Venn has none, because Mermaid itself has no Venn diagram: it is built through the PHP builder only.

Each type page names its header keyword and links the exact grammar it accepts. The full table lives in Mermaid support.

• Flowchart A flowchart is a set of rectangular nodes connected by directed, optionally labeled edges, with optional subgraph clusters grouping related nodes.
• State A state diagram is a set of named states and the labeled transitions between them, plus the initial and final pseudo-states.
• Sequence A sequence diagram is a set of participants and the ordered messages exchanged between them over time, with optional activation bars and grouping blocks.
• Class A class diagram is a set of named class boxes, each holding member rows, plus the directed relations between them.
• Git graph A git graph is a commit history: branches in creation order, commits in operation order, and merge commits that join two parents.
• ER An entity-relationship diagram is a set of entities with typed attribute rows and the labeled relationships between them, each end carrying a cardinality.
• Venn A Venn diagram is 2 or 3 overlapping sets with an optional title, optional region labels, and an optional legend.
• Timeline A timeline is a sequence of events grouped into named sections, drawn as one horizontal lane per section along a shared axis.
• Journey A journey diagram models a user experience as ordered tasks grouped into sections, each task scored 1 to 5 and attributed to one or more actors.
• Mindmap A mindmap is one rooted tree: a central idea, its branches, and the child nodes stacked beneath them.
• Requirement A requirement diagram is a small SysML-like view: requirement blocks, implementation or verification elements, and typed relationships between them.
• Kanban A kanban board is a set of ordered columns, each holding an ordered stack of cards laid out left to right in source order.
• Block A block diagram is a set of rectangular blocks, optional one-level groups that frame related blocks, and directed connectors between them.
• Architecture An architecture diagram is a set of typed nodes, optional groups that zone them, and directed relationships between nodes.
• C4 A C4 diagram models software architecture as people, systems, containers, and components, grouped into boundaries and joined by directed relationships.