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 gantt
title "Order store migration"
description "Moving orders off the legacy store, and what blocks what"
starts 2026-09-07

@gantt
  section "Prepare"
    task audit "Schema audit" 5d done at 0
      desc "Read every column, write down what actually moves and what is dead."
    task shadow "Shadow writes" 13d active after audit
      desc "Write to both stores. The long pole, and the reason the cut-over date is what it is."
    task backfill "Historical backfill" 12d active after audit
      desc "Copy the history across. Has a day of float, so a slip here costs nothing."
    task verify "Verify parity" 6d at-risk after shadow, backfill
      desc "Compare both stores row by row. At risk: the comparison tool is not written yet."
    milestone parity "Parity signed off" after verify
  section "Cut over"
    task freeze "Freeze writes" 2d after verify
      desc "Reject writes to the legacy store. The only irreversible step."
    task cutover "Point traffic over" 3d after freeze
    milestone live "Traffic on new store" after cutover
  section "Retire"
    task dualread "Dual-read off" 4d after cutover
    task drop "Drop legacy tables" 6d after dualread
      desc "The end of the chain, and the date the whole plan is measured against."
    task archive "Archive dumps" 5d after cutover
      desc "Independent of the retirement chain, so it carries float and sinks below it."

Tab indents · Esc then Tab leaves the editor · syntax reference

Drawn from the text