Skip to content
diagrams.mbt
DocsArticlesGalleryAPIGitHub

Gallery

sequence ZenUML architecture BPMN swimlane flowchart regex EBNF JSON YAML state

sequence

  • Messages and replies preview
    Messages and replies preview (dark)
    Messages and replies

    sequence Implemented

    Mermaid sequence syntax with solid, dashed and open-headed messages.

  • Authentication and retry preview
    Authentication and retry preview (dark)
    Authentication and retry

    sequence Implemented

    A retry loop with an alternative success response.

  • Worker creation and destruction preview
    Worker creation and destruction preview (dark)
    Worker creation and destruction

    sequence Implemented

    Explicit participant lifetime around a short background job.

  • Parallel checkout checks preview
    Parallel checkout checks preview (dark)
    Parallel checkout checks

    sequence Implemented

    Nested alternatives and parallel stock and payment calls.

ZenUML

  • Annotated interactions and symbols preview
    Annotated interactions and symbols preview (dark)
    Annotated interactions and symbols

    ZenUML Implemented

    Native ZenUML interactions with typed participant symbols and styled messages.

  • Nested calls and returns preview
    Nested calls and returns preview (dark)
    Nested calls and returns

    ZenUML Implemented

    Call nesting with explicit return messages.

  • Exception cleanup preview
    Exception cleanup preview (dark)
    Exception cleanup

    ZenUML Implemented

    Typed exception sections retain their structural order.

  • Asynchronous service fan-out preview
    Asynchronous service fan-out preview (dark)
    Asynchronous service fan-out

    ZenUML Implemented

    Participant symbols distinguish a queue, worker and store.

architecture

  • Services, ports and connections preview
    Services, ports and connections preview (dark)
    Services, ports and connections

    architecture Implemented

    Native architecture-beta with groups, services and authored port connections.

  • Storage service group preview
    Storage service group preview (dark)
    Storage service group

    architecture Implemented

    A small authored service group with explicit ports.

  • Connections at group boundaries preview
    Connections at group boundaries preview (dark)
    Connections at group boundaries

    architecture Implemented

    Two opposite connections retain their group-boundary attachment.

  • Nested network and junction preview
    Nested network and junction preview (dark)
    Nested network and junction

    architecture Implemented

    Nested service ownership and a declared junction join.

BPMN

  • Process with supplied diagram geometry preview
    Process with supplied diagram geometry preview (dark)
    Process with supplied diagram geometry

    BPMN Implemented

    A BPMN XML process rendered with its supplied diagram interchange geometry.

  • Collaboration and message flows preview
    Collaboration and message flows preview (dark)
    Collaboration and message flows

    BPMN Implemented

    Pools, participants and message flows with an optional offline player.

  • Approval with a return route preview
    Approval with a return route preview (dark)
    Approval with a return route

    BPMN Implemented

    An automatic process with a decision and a review return.

  • Cross-pool request and response preview
    Cross-pool request and response preview (dark)
    Cross-pool request and response

    BPMN Implemented

    A collaboration with independent buyer and seller processes.

  • Subprocess and boundary timeout preview
    Subprocess and boundary timeout preview (dark)
    Subprocess and boundary timeout

    BPMN Implemented

    Nested activities and a boundary timer show structural exception paths.

swimlane

  • Review across responsibility bands preview
    Review across responsibility bands preview (dark)
    Review across responsibility bands

    swimlane Implemented

    Native Mermaid swimlane-beta with directed interactions and a return path.

  • Three-team escalation preview
    Three-team escalation preview (dark)
    Three-team escalation

    swimlane Implemented

    Responsibility bands with a review loop and an escalation.

  • Right-to-left handoff preview
    Right-to-left handoff preview (dark)
    Right-to-left handoff

    swimlane Implemented

    A reverse direction route preserves its marked endpoints.

  • Nested ownership and return preview
    Nested ownership and return preview (dark)
    Nested ownership and return

    swimlane Implemented

    Nested responsibility groups keep ownership and a return route.

flowchart

  • Mermaid request review preview
    Mermaid request review preview (dark)
    Mermaid request review

    flowchart Implemented

    Mermaid flowchart with nested groups, labelled branches and a return path.

  • PlantUML modern order activity preview
    PlantUML modern order activity preview (dark)
    PlantUML modern order activity

    flowchart Implemented

    Modern PlantUML activity syntax with an explicit partition, lanes, repeat loop and parallel branches.

  • PlantUML legacy request activity preview
    PlantUML legacy request activity preview (dark)
    PlantUML legacy request activity

    flowchart Implemented

    Legacy PlantUML activity syntax with an activity alias, partition and labelled branches.

  • Mermaid dispatch decisions preview
    Mermaid dispatch decisions preview (dark)
    Mermaid dispatch decisions

    flowchart Implemented

    Branching decisions, a return path and parallel delivery targets.

  • PlantUML parallel preparation preview
    PlantUML parallel preparation preview (dark)
    PlantUML parallel preparation

    flowchart Implemented

    Modern activity syntax with repeat, fork and a nested partition.

  • PlantUML legacy retry preview
    PlantUML legacy retry preview (dark)
    PlantUML legacy retry

    flowchart Implemented

    Legacy activity aliases, a partition and an explicit return route.

  • Connector comparison: elbow / bridge preview
    Connector comparison: elbow / bridge preview (dark)
    Connector comparison: elbow / bridge

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Elbow, CrossingMode::Bridge; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

  • Connector comparison: elbow / plain preview
    Connector comparison: elbow / plain preview (dark)
    Connector comparison: elbow / plain

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Elbow, CrossingMode::Plain; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

  • Connector comparison: rounded / bridge preview
    Connector comparison: rounded / bridge preview (dark)
    Connector comparison: rounded / bridge

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Rounded, CrossingMode::Bridge; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

  • Connector comparison: rounded / plain preview
    Connector comparison: rounded / plain preview (dark)
    Connector comparison: rounded / plain

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Rounded, CrossingMode::Plain; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

  • Connector comparison: curved / bridge preview
    Connector comparison: curved / bridge preview (dark)
    Connector comparison: curved / bridge

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Curved, CrossingMode::Bridge; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

  • Connector comparison: curved / plain preview
    Connector comparison: curved / plain preview (dark)
    Connector comparison: curved / plain

    flowchart Implemented

    Same Mermaid source. ConnectorStyle::Curved, CrossingMode::Plain; minimum_approach=24.0, corner_radius=8.0, bridge_radius=5.0.

regex

  • Date pattern railroad preview
    Date pattern railroad preview (dark)
    Date pattern railroad

    regex Implemented

    PlantUML regex block with named groups, character sets, repetition and a negative lookahead.

  • Externally supplied match evidence preview
    Externally supplied match evidence

    regex Implemented

    The date pattern with a successful trace supplied by the frozen test trace provider.

  • Identifier validation preview
    Identifier validation preview (dark)
    Identifier validation

    regex Implemented

    Anchors and a bounded repeated character class.

  • Alternatives and repetition preview
    Alternatives and repetition preview (dark)
    Alternatives and repetition

    regex Implemented

    Nested alternatives and optional repeated suffixes.

  • Assertions and named capture preview
    Assertions and named capture preview (dark)
    Assertions and named capture

    regex Implemented

    A named capture, lookahead and negative assertion.

EBNF

  • Arithmetic grammar railroad preview
    Arithmetic grammar railroad preview (dark)
    Arithmetic grammar railroad

    EBNF Implemented

    PlantUML EBNF with recursive rule references and a note.

  • Externally supplied parse failure preview
    Externally supplied parse failure

    EBNF Implemented

    An arithmetic grammar with failure evidence supplied by the frozen test trace provider.

  • Command grammar preview
    Command grammar preview (dark)
    Command grammar

    EBNF Implemented

    A command with a choice and an optional argument.

  • Recursive nested lists preview
    Recursive nested lists preview (dark)
    Recursive nested lists

    EBNF Implemented

    Recursive references describe nested list syntax.

  • Protocol fields and choices preview
    Protocol fields and choices preview (dark)
    Protocol fields and choices

    EBNF Implemented

    Optional and repeated fields with an explicit alternative.

JSON

  • Nested order data preview
    Nested order data preview (dark)
    Nested order data

    JSON Implemented

    PlantUML JSON with nested collections, exact numbers and highlighted data.

  • API response data preview
    API response data preview (dark)
    API response data

    JSON Implemented

    Nested result and pagination objects preserve scalar types.

  • Inventory and empty collections preview
    Inventory and empty collections preview (dark)
    Inventory and empty collections

    JSON Implemented

    A list of records with empty object and array values.

  • Repeated values and exact numbers preview
    Repeated values and exact numbers preview (dark)
    Repeated values and exact numbers

    JSON Implemented

    Repeated strings and large numeric tokens retain their source values.

YAML

  • Service configuration tree preview
    Service configuration tree preview (dark)
    Service configuration tree

    YAML Implemented

    PlantUML YAML with flow and block values and lists of maps.

  • Deployment configuration preview
    Deployment configuration preview (dark)
    Deployment configuration

    YAML Implemented

    Nested configuration maps with scalar and list values.

  • A list of services preview
    A list of services preview (dark)
    A list of services

    YAML Implemented

    Service maps have different nested endpoint lists.

  • Flow and block collections preview
    Flow and block collections preview (dark)
    Flow and block collections

    YAML Implemented

    Flow collections and block text remain native data values.

state

  • Mermaid lifecycle and retry preview
    Mermaid lifecycle and retry preview (dark)
    Mermaid lifecycle and retry

    state Implemented

    Mermaid 12.2.0 state source with typed hierarchy and labelled transitions.

  • Mermaid composite and choice preview
    Mermaid composite and choice preview (dark)
    Mermaid composite and choice

    state Implemented

    Mermaid 12.2.0 state source with typed hierarchy and labelled transitions.

  • Mermaid concurrency and fork/join preview
    Mermaid concurrency and fork/join preview (dark)
    Mermaid concurrency and fork/join

    state Implemented

    Mermaid 12.2.0 state source with typed hierarchy and labelled transitions.

  • PlantUML descriptions and notes preview
    PlantUML descriptions and notes preview (dark)
    PlantUML descriptions and notes

    state Implemented

    PlantUML 1.2026.9 state source with typed hierarchy and labelled transitions.

  • PlantUML child and boundary endpoints preview
    PlantUML child and boundary endpoints preview (dark)
    PlantUML child and boundary endpoints

    state Implemented

    PlantUML 1.2026.9 state source with typed hierarchy and labelled transitions.

  • PlantUML concurrent regions and history preview
    PlantUML concurrent regions and history preview (dark)
    PlantUML concurrent regions and history

    state Implemented

    PlantUML 1.2026.9 state source with typed hierarchy and labelled transitions.

diagrams.mbt · Diagramming for MoonBit.