| ArchitectureAlignment | An alignment of an architecture diagram: services and junctions placed on a row or a column, in order (Mermaid align). |
| ArchitectureDiagram | An architecture diagram: services drawn as icons, junctions, groups, and edges that leave and reach the services by a given side (Mermaid architecture-beta). The sides of the edges place the services on a grid: an edge from the right of A to the left of B puts B on the right of A. |
| ArchitectureEdge | An edge of an architecture diagram, from a side of a node to a side of another node. |
| ArchitectureGroup | A group of an architecture diagram: a frame with an icon and a title around services, junctions and groups. |
| ArchitectureJunction | A junction of an architecture diagram: a point where edges meet, which is not drawn. |
| ArchitectureNode | A node of an architecture diagram that edges link: a service or a junction. |
| ArchitectureService | A service of an architecture diagram: an icon with its title below. |
| BlockDiagram | A block diagram: blocks placed on a grid of columns in the order they are declared, spanning one or more columns, grouped in composite blocks, with block arrows, empty spaces and edges (Mermaid block). Unlike a flowchart, the author decides where each block goes. |
| BlockDiagramArrow | A block arrow of a block diagram: a wide arrow with a text, pointing in one or more directions (Mermaid id<["text"]>(right)). |
| BlockDiagramBlock | A block of a block diagram: a shape with a text, which edges can link. |
| BlockDiagramComposite | A composite block of a block diagram: a frame around items placed on its own grid of columns (Mermaid block ... end). |
| BlockDiagramEdge | An edge of a block diagram: a straight line between two blocks. |
| BlockDiagramItem | An item of a block diagram, which takes one or more columns of its row: a block or a space. |
| BlockDiagramSpace | An empty space of a block diagram, which leaves columns free (Mermaid space). |
| C4Boundary | A boundary of a C4 diagram, or a deployment node: a frame with a name around elements and other boundaries. |
| C4Diagram | A C4 diagram of a software architecture: people, systems, containers and components, grouped in boundaries or deployment nodes, and the relationships between them (Mermaid C4Context, C4Container, C4Component, C4Dynamic and C4Deployment). As in Mermaid, the elements are placed in rows in the order they are declared, not by an automatic layout. |
| C4Element | An element of a C4 diagram: a person, a software system, a container or a component. |
| C4Item | An item of a C4 diagram that relationships can link: an element or a boundary. |
| C4Relationship | A relationship of a C4 diagram: a line from an item to another, with its text and its technology. |
| ClassDiagram | A class diagram: classes with their attributes and methods, linked by relations (inheritance, composition, association...), grouped in namespaces (Mermaid classDiagram). |
| ClassDiagramClass | A class of a class diagram: a box with its name, its annotations, its attributes and its methods. |
| ClassDiagramElement | An element of a class diagram that relations can link: a class or an interface. |
| ClassDiagramInterface | An interface of a class diagram drawn as a lollipop: a small circle with its name, linked to the classes that provide it. |
| ClassDiagramNamespace | A group of classes of a class diagram, drawn as a frame with a title. |
| ClassDiagramNote | A note of a class diagram, alone or attached to a class. |
| ClassMember | An attribute or a method of a class. |
| ClassRelation | A relation between two elements of a class diagram, such as an inheritance or a composition. |
| CynefinDiagram | A diagram of the Cynefin framework: the complex, complicated, chaotic and clear domains as four quadrants separated by wavy boundaries, the confusion domain in their center, items placed in the domains, and transitions between the domains (Mermaid cynefin-beta). The domains are always at the same place: complex at the top left, complicated at the top right, chaotic at the bottom left and clear at the bottom right. |
| CynefinItem | An item of a CynefinDiagram: a text drawn as a badge in its domain. |
| CynefinTheme | The colors and sizes of a CynefinDiagram that replace the ones of the theme (the cynefin theme variables of Mermaid). A null value keeps the one of the theme. |
| CynefinTransition | A movement between two domains of a CynefinDiagram, drawn as a curved arrow between their centers. |
| Diagram | A diagram: a flowchart, a class diagram, a state diagram... Diagram.CreateScene lays it out into a Scene; Diagram.ToSvg writes it as SVG. The output is deterministic: the same diagram always gives the same SVG. |
| DiagramStyle | The look of an element of a diagram, the CSS properties of the style and classDef statements of Mermaid. A property that is null keeps the value of the theme. |
| DiagramText | The text of a label of a diagram: plain text, or markdown with bold and italic parts. |
| DiagramTheme | The colors and the font of a diagram: the variables of the themes of Mermaid. DiagramTheme.Default, DiagramTheme.Dark, DiagramTheme.Forest, DiagramTheme.Neutral and DiagramTheme.Base are the themes of Mermaid 12; change a value with with: DiagramTheme.Default with { NodeBackground = "#e0f2fe" }. |
| ErAttribute | An attribute of an entity: a row of its table, with its type, its name, its keys and its comment. |
| ErDiagram | An entity relationship diagram: entities with their attributes, linked by relationships whose ends show their cardinality in crow's foot notation, grouped in subgraphs (Mermaid erDiagram). |
| ErElement | An element of an entity relationship diagram that relationships can link: an entity or a subgraph. |
| ErEntity | An entity of an entity relationship diagram: a box with its name and the table of its attributes. |
| ErRelationship | A relationship between two elements of an entity relationship diagram. |
| ErSubgraph | A group of entities of an entity relationship diagram, drawn as a frame with a title. Its ErElement.Label is its title. |
| EventModelingData | The data of a frame, a data block or a note of an event model: an example or a schema, as text. |
| EventModelingDataBlock | A data block of an event model: named data that frames reference (Mermaid data name { ... }). |
| EventModelingDiagram | An event model: a timeline of frames (screens, processors, commands, read models and events) placed in swimlanes, left to right in order, with the relations between them inferred or explicit (Mermaid eventmodeling). |
| EventModelingFrame | A frame of an event model: an entity at a point of the timeline, drawn as a box in its swimlane. |
| EventModelingNote | A note of an event model, attached to a frame (Mermaid note 01 { ... }). Mermaid does not draw it. |
| EventModelingScenario | A given/when/then scenario of a frame of an event model (Mermaid gwt). Mermaid does not draw it. |
| EventModelingStep | A step of a given/when/then scenario of an event model: a kind of entity and the name of a declared entity. |
| FlowchartDiagram | A flowchart: nodes of various shapes linked by edges, grouped in subgraphs, laid out in ranks in the direction of the flow (Mermaid flowchart). |
| FlowchartEdge | An edge of a flowchart, from a node or a subgraph to another. |
| FlowchartElement | An element of a flowchart that edges can link: a node or a subgraph. |
| FlowchartNode | A node of a flowchart: a shape with a label. |
| FlowchartSubgraph | A group of nodes of a flowchart, drawn as a frame with a title. Its FlowchartElement.Label is its title. |
| GanttDiagram | A Gantt chart: tasks on a time axis, grouped in sections, which start at a date or after other tasks and last a duration or until another task (Mermaid gantt). The dates have no time zone; nothing depends on the current date, unless GanttDiagram.Today is set. |
| GanttSection | A section of a Gantt chart: tasks drawn on rows of the same color, with the title on the left. |
| GanttTask | A task of a Gantt chart. It starts at GanttTask.Start, or after the tasks of GanttTask.After, or else after the previous task; it ends at GanttTask.End, or at the start of the first task of GanttTask.Until, or after GanttTask.Duration, or else at its start. |
| GitGraphBranch | Creates a branch from the current commit of a Git graph and checks it out (Mermaid branch). |
| GitGraphCheckout | Makes a branch the current branch of a Git graph (Mermaid checkout or switch). |
| GitGraphCherryPick | Copies a commit of another branch onto the current branch of a Git graph (Mermaid cherry-pick). |
| GitGraphCommit | A commit on the current branch of a Git graph (Mermaid commit). |
| GitGraphDiagram | A Git graph: the commits of branches, their merges and their cherry-picks, written as the Git commands that create them (Mermaid gitGraph). The GitGraphDiagram.Operations run in order from an empty repository whose current branch is GitGraphDiagram.MainBranchName. |
| GitGraphMerge | Merges a branch into the current branch of a Git graph with a merge commit (Mermaid merge). |
| GitGraphOperation | An operation of a Git graph: a commit, a branch, a checkout, a merge or a cherry-pick. |
| IshikawaCause | A cause of an Ishikawa diagram: a bone with a text, and the causes that lead to it as smaller bones. |
| IshikawaDiagram | An Ishikawa diagram, also known as a fishbone or cause-and-effect diagram: the effect, a problem, at the head of a spine, and its causes as bones on both sides of the spine, with their own causes as smaller bones (Mermaid ishikawa-beta). |
| KanbanCard | A card of a kanban board: a task, with its assignee, its ticket and its priority. |
| KanbanColumn | A column of a kanban board: a stage of the workflow, with its cards. |
| KanbanDiagram | A kanban board: columns of cards, with their assignee, their ticket and their priority (Mermaid kanban). |
| MindmapDiagram | A mindmap: a tree of ideas around a central one, each branch in its own color (Mermaid mindmap). The root is in the middle, its first children on its right and the others on its left. |
| MindmapNode | A node of a mindmap: a text in a shape, with its children. |
| PacketDiagram | A packet diagram: the fields of a network packet or of a register, drawn over their bits, in rows of PacketDiagram.BitsPerRow bits (Mermaid packet). |
| PacketField | A field of a packet diagram: a name over a range of bits. |
| RailroadChoice | A choice of a railroad diagram: alternatives drawn one below the other, between two branches. |
| RailroadDiagram | A railroad diagram, also called a syntax diagram: the rules of a grammar, each drawn as a track that goes through terminals and nonterminals, with branches for the choices and loops for the repetitions (Mermaid railroad-beta, railroad-ebnf-beta, railroad-abnf-beta and railroad-peg-beta). |
| RailroadExpression | An expression of a rule of a railroad diagram: a terminal, a nonterminal, a sequence, a choice, an optional part, a repetition or a special sequence. |
| RailroadNonterminal | A nonterminal of a railroad diagram: a reference to a rule, drawn in a box. |
| RailroadOptional | An optional expression of a railroad diagram: a track that goes through the expression, and a bypass above it. |
| RailroadRepetition | A repetition of a railroad diagram: a loop back below the expression, and a bypass above it when the expression can be skipped. Bounds other than zero or one to unbounded, as the 2*4 of ABNF, are written below the loop. |
| RailroadRule | A rule of a railroad diagram: a name and the expression it stands for. |
| RailroadSequence | A sequence of a railroad diagram: expressions one after the other, on one track. |
| RailroadSpecial | A special sequence of a railroad diagram: a description of what the grammar cannot express, drawn as ? text ? (EBNF ? text ?). The predicates of PEG (&a, !a) and its . are special sequences too. |
| RailroadTerminal | A terminal of a railroad diagram: a literal text, drawn in a rounded box. |
| RequirementDiagram | A requirement diagram, in the style of SysML: requirements, the elements that satisfy or verify them, and the relationships between them (Mermaid requirementDiagram). |
| RequirementDiagramElement | An element of a requirement diagram: a part of another document, such as a test suite, that requirements relate to. |
| RequirementDiagramNode | A node of a requirement diagram: a requirement or an element. |
| RequirementDiagramRequirement | A requirement of a requirement diagram: a box with its kind, its name, its identifier, its text, its risk and how it is verified. |
| RequirementRelationship | A relationship between two nodes of a requirement diagram, such as an element that satisfies a requirement. |
| SequenceActivation | The start or the end of an activation of a participant of a sequence diagram: a bar on its lifeline (Mermaid activate and deactivate). |
| SequenceAutonumber | A change of the numbering of the messages of a sequence diagram (Mermaid autonumber). |
| SequenceBlock | A block of a sequence diagram: a frame around steps, such as a loop, or the sections of an alternative. |
| SequenceBlockSection | A section of a block of a sequence diagram: a text, such as the condition of an alternative, and steps. |
| SequenceBox | A box of a sequence diagram: a colored background with a title behind a group of participants. |
| SequenceDiagram | A sequence diagram: participants side by side, with their lifelines, and the messages they exchange over time, from the top to the bottom, with activations, notes and blocks such as loops and alternatives (Mermaid sequenceDiagram). |
| SequenceMessage | A message of a sequence diagram: an arrow from the lifeline of a participant to another one, with a text. |
| SequenceNote | A note of a sequence diagram, on a side of a participant or over one or two participants. |
| SequenceParticipant | A participant of a sequence diagram: a box, a person or a symbol at the top of its lifeline. |
| SequenceStep | A step of a sequence diagram: a message, a note, an activation, a block or a change of the numbering. |
| StateDiagram | A state diagram: states, linked by transitions, with start and end states, choices, forks and joins, and composite states that hold other states, in concurrent regions or not (Mermaid stateDiagram-v2). |
| StateDiagramRegion | A region of a composite state: the states of a composite state, or one of its concurrent parts. |
| StateDiagramState | A state of a state diagram. A state with regions is a composite state, drawn as a frame around them. |
| StateNote | A note next to a state. |
| StateTransition | A transition from a state to another. |
| TimelineDiagram | A timeline: periods in order, each with its events, grouped in sections of the same color (Mermaid timeline). |
| TimelinePeriod | A period of a timeline, such as a year, with its events. |
| TimelineSection | A section of a timeline: a title above periods of the same color. |
| TreeViewDiagram | A tree view: a hierarchy of files and directories drawn as indented rows linked by connector lines, like the output of the tree command, with optional icons and descriptions (Mermaid treeView-beta). As in Mermaid, the tree starts with a root directory named /. |
| TreeViewNode | A node of a tree view: a file or a directory, with its children. |
| UseCase | A use case of a use case diagram: something the system does for its actors, drawn as an ellipse or a rectangle. |
| UseCaseActor | An actor of a use case diagram: a person or a system that takes part in use cases, drawn as a figure with its name below. |
| UseCaseBoundary | A system boundary of a use case diagram: a frame with a title around the actors and the use cases of a system. |
| UseCaseDiagram | A use case diagram, in the style of UML: actors, the use cases of a system they take part in, the system boundaries, and the relationships between them (Mermaid usecase-beta). |
| UseCaseDiagramElement | An element of a use case diagram that relationships can link: an actor, a use case or a table. |
| UseCaseJsonTable | A table of a use case diagram that shows JSON data: a row per value, with its path, such as items[0].name. |
| UseCaseNote | A note of a use case diagram, attached to an actor or a use case by a dotted line. |
| UseCaseRelationship | A relationship between two elements of a use case diagram: an association, an include, an extend or a generalization. |
| UserJourneyDiagram | A user journey: the tasks a user does to reach a goal, grouped in sections, each with the satisfaction of the actors who take part, drawn as a face (Mermaid journey). |
| UserJourneySection | A section of a user journey: a part of the goal, above its tasks. |
| UserJourneyTask | A task of a user journey: a step, with the satisfaction of its actors and the actors who take part. |
| VennArea | An area of a VennDiagram: a set, drawn as a circle (Mermaid set), or the overlap of several sets (Mermaid union), with its label and its size. |
| VennDiagram | A Venn diagram: sets drawn as overlapping circles, whose areas and overlaps follow their sizes, with labels and texts inside them (Mermaid venn-beta). The circles are laid out as Mermaid does, with the algorithm of venn.js. |
| VennStyle | The style of an area or of a text of a VennDiagram (Mermaid style). A null property keeps the default. |
| VennStyleRule | A style applied to an area or to a text of a VennDiagram (Mermaid style): the targets are the sets of an area, or the identifier of a text. The rules of the same targets are merged in order. |
| VennTextNode | A text placed inside an area of a VennDiagram: the texts of an area are laid out in a grid (Mermaid text). |
| WardleyAccelerator | A force on the evolution of a Wardley map, drawn as a large arrow with its name: an accelerator points right, a deaccelerator points left (Mermaid accelerator and deaccelerator). |
| WardleyAnchor | An anchor of a Wardley map: a user or a customer, whose needs the value chain serves, drawn as a bold name (Mermaid anchor). |
| WardleyAnnotation | A numbered annotation of a Wardley map: a number in a circle at a position, whose text is listed in the box of the annotations (Mermaid annotation 1,[visibility, evolution] "text"). |
| WardleyComponent | A component of a Wardley map: a part of the value chain, drawn as a circle with its name (Mermaid component). |
| WardleyDiagram | A Wardley map: the components of a value chain placed by their visibility to the user (vertically) and their evolution, from genesis to commodity (horizontally), with their dependencies, their movements and the forces on them (Mermaid wardley-beta). The coordinates are between 0 and 1. |
| WardleyEvolve | A movement of a component of a Wardley map toward a later stage of evolution, drawn as a dashed red arrow (Mermaid evolve). |
| WardleyLink | A link of a Wardley map: a dependency of a component on another one, or a flow between them. |
| WardleyNote | A note of a Wardley map: a bold text at a position (Mermaid note "text" [visibility, evolution]). |
| WardleyPipeline | A pipeline of a Wardley map: the variants of a component at different stages of evolution, drawn in a box at the visibility of the component, which moves above the box as a square (Mermaid pipeline Parent { ... }). |
| WardleyPipelineComponent | A component of a pipeline of a Wardley map: a variant of the parent component, at the visibility of the parent. |
| WardleyStage | A stage of the evolution axis of a Wardley map, such as Genesis or Commodity. |