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 timeline
title "How the platform grew"
description "Ten years of the product, and the order it happened in"

@timeline
  period "2016"
    event "Two people and a prototype"
      desc "A single Rails app on one box, deployed by hand on Friday afternoons."
  period "2018"
    event "First paying customer"
    event "Split the monolith into an API and a web app"
      desc "The first time anything was called a service. Nothing was extracted for another two years."
  period "2021"
    event "Moved the order store off the shared database"
    event "Hired the first platform engineer"
    event "The Friday deploy freeze ended"
      desc "Continuous delivery landed, and with it the first real staging environment."
  period "2024"
    event "Opened the public API"
      desc "Three customers built on it in the first month, which set the compatibility policy the team still keeps to."
    event "Acquired the reporting team, and with them a second data pipeline that counted every one of the same numbers slightly differently"
      desc "Reconciled over the following year, which is how long it takes two teams to agree what an order is."
    event "First region outside Europe" #infra
    event "Rewrote the billing service"
    event "Ten million orders in a single month"

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

Drawn from the text