Diagram playground

Write a diagram as text and it renders here as you type. Canvas editing for six of ten notations. Nothing leaves your browser. Syntax reference ·

Source text

archlab 1.0 tree
title "Account recovery reviews"
description "A supervisor review queue, decomposed into the cases that prove it."

@tree
  levels "Test suite" "Test condition" "Test case"
  columns "Preconditions" "Expected result"
  node suite "Account recovery reviews"
    desc "Supervisor-only queue. Every case below is runnable today."
    node list "Reviews list"
      node L-01 "A supervisor can open Reviews"
        cell "A supervisor account"
        cell "The queue table renders with its filter panel"
      node L-02 "An agent is refused at the API"
        cell "An agent account with no Reviews right, and a live token"
        cell "Refused by the server, not by a hidden menu"
      node L-12 "Two supervisors claim at once"
        cell "One unassigned ticket, two sessions holding it open"
        cell "Only the first wins, and the audit log has one entry"
    node detail "Review detail"
      node D-09 "Rejecting needs a reason"
        cell "A ticket you own"
        cell "Update is refused, and the reason reaches the audit log"
      node D-14 "A decided ticket is read-only"
        cell "One decided ticket of each outcome"
        cell "No control offered, and the API refuses a second decision"
    node gaps "Not covered by the acceptance criteria"
      node C-02 "Evidence links must be https"
        cell "Links using http, javascript and data schemes"
        cell "Only https is accepted"

Tab indents · Esc then Tab leaves the editor · worked examples

Drawn from the text

Account recovery reviews

Test suite

Test condition

Test case

Preconditions

Expected result