Phases

Charts 1000 × 522 <column><data><record><style><text><timeline>

Result

Source examples/phases.svgn

<diagram padding="20">
  <column gap="14" align="start">
    <text class="title" label="Replatform, by phase"/>
    <timeline data="plan" lane="work" section="phase" start="from" end="to"
              width="960" x-start="180" bar-height="34" fill="lane"/>
  </column>
  <data name="plan">
    <record phase="Discovery"  work="Stakeholder interviews" from="2026-01-05" to="2026-01-30"/>
    <record phase="Discovery"  work="Data audit"             from="2026-01-19" to="2026-02-20"/>
    <record phase="Build"      work="Schema migration"       from="2026-02-16" to="2026-04-03"/>
    <record phase="Build"      work="Service rewrite"        from="2026-03-02" to="2026-05-29"/>
    <record phase="Build"      work="Backfill"               from="2026-04-20" to="2026-06-12"/>
    <record phase="Cutover"    work="Shadow traffic"         from="2026-06-01" to="2026-06-26"/>
    <record phase="Cutover"    work="Switch and watch"       from="2026-06-22" to="2026-07-10"/>
  </data>
  <style>
    .title { font-size: 16px; font-weight: 700; fill: var(--sv-title); }
  </style>
</diagram>

Open the SVG →