Examples
Every type of diagram limu supports, rendered by its svg package when the site was built.
Each type shows one or two examples here, and its own page has the rest. Every example opens in the playground. Types marked beta are declared with -beta because Mermaid may still change them.
Block
Blocks placed on a grid of columns by hand, joined by arrows.
C4
A software system's context, containers or components, at one level of the C4 model.
Class
Classes with their fields and methods, and how they inherit from and use each other.
Entity relationship
The entities of a data model, their attributes, and how many of one relate to how many of another.
Event modeling
A system over time as a row of screens, commands, events and views.
Flowchart
Steps of a process as boxes, joined by arrows that show where each step leads.
Gantt
The tasks of a project as bars along a calendar, with their dates and dependencies.
Git graph
Commits on branches of a repository, and where the branches split and merge.
Kanban
A board of cards in columns, one column for each stage of the work.
Mindmap
A central idea with topics branching from it, and subtopics from those.
Packet
The fields of a packet or header, each as wide as the bits it takes.
Pie
A whole divided into slices, each as large as its share.
Quadrant chart
Points placed on two axes, in a square divided into four quadrants.
Requirement
Requirements, the elements that satisfy or verify them, and how they depend on each other.
Sankey
Quantities flowing between nodes, each band as wide as its flow.
Sequence
Participants side by side, with the messages they send each other in the order they are sent.
State
The states a system can be in and the events that move it from one to another.
Timeline
Events placed in order along a line, grouped by period.
User journey
The steps a user takes to do a task, scored by how each one felt.
XY chart
Bars and lines of values on a horizontal and a vertical axis.
AgentflowBeta
The tasks, tools and decisions of AI agents, and how they hand work to each other.
ArchitectureBeta
Services and resources grouped by where they run, and how they connect.
CynefinBeta
Situations sorted into the domains of the Cynefin framework, from clear to chaotic.
IshikawaBeta
The causes of a problem, grouped into categories along the bones of a fish.
RadarBeta
Several series of values on axes that radiate from one center.
RailroadBeta
The rules of a grammar drawn as tracks, which a valid input follows from start to end.
SwimlaneBeta
A process laid out in lanes, one for each person or team that does its steps.
Tree viewBeta
A hierarchy indented as a tree, as of the folders and files of a project.
TreemapBeta
A hierarchy of values as nested rectangles, each sized by its value.
Use caseBeta
The actors outside a system and the use cases they take part in.
VennBeta
Sets as overlapping circles, with what they share where they overlap.
Wardley mapBeta
The components of a value chain, placed by how visible they are and how far they have evolved.