Skip to content
arch-lab
Live demo · read-only examples

Real models, in view mode

Every example below is a real document, stored as plain text and parsed by the same reader the app uses — so nothing here renders that a file of your own could not. Open one to explore it read-only.

C4 models

Structure — click a numbered node to zoom from Context down to Code, and Escape to step back out.

  • View-only

    Atlas Shop

    Global event-sourced order shop. Commands append immutable events to a regional event store, Kafka carries the stream, projections build eventually-consistent read models, and MirrorMaker 2 mirrors events between regions. The diagrams show one regional stamp (EU); the US region runs the identical topology.

    C4 levels
    4
    diagrams
    4
    elements
    22
    relationships
    20
    • L1Context
    • L2Container
    • L3Component
    • L4Code
    Open in view mode
  • View-only

    Order Shop

    A deliberately small model of one flow: a customer places an order in an online shop.

    C4 levels
    3
    diagrams
    3
    elements
    18
    relationships
    15
    • L1Context
    • L2Container
    • L3Component
    Open in view mode
  • View-only

    ShopFlow Platform

    Customer-facing commerce platform: catalogue, cart, checkout, and order fulfilment.

    C4 levels
    4
    diagrams
    5
    elements
    46
    relationships
    46
    • L1Context
    • L2Container
    • L3Component
    • L4Code
    Open in view mode

Sequence diagrams

Behaviour over time — click a message, participant or branch to spotlight its flow.

  • View-only

    Checkout — Place Order

    An order placed end to end — activation bars, a card-declined branch, parallel receipt and audit writes, and a note spanning the whole flow.

    participants
    5
    messages
    11
    fragment kinds
    3
    • alt
    • par
    • opt
    Open in view mode
  • View-only

    Password reset — one-time link

    A single-use reset link, with a loop around the wait and an alt for the expired-token path — the constructs a real retry story needs.

    participants
    5
    messages
    14
    fragment kinds
    2
    • loop
    • alt
    Open in view mode
  • View-only

    Payment capture — the money leg

    Lifelines bracketed into ours and theirs with an icon each, the authorisation leg highlighted, and the two ways a capture ends — box, rect, critical, break and @icon on one flow.

    participants
    4
    messages
    10
    fragment kinds
    3
    • rect
    • critical
    • break
    Open in view mode

Have a model of your own? Paste it — .archlab.json or Mermaid C4 code — into view mode to render it right here in the browser, or write a sequence document in the sequence playground. Want to change something? These examples are read-only — head to the editor to build a model of your own.