Skip to content
Weave templates

Gantt timeline

Quarter container divided into months; task chevrons sit on rows with start/end positions.

Template previewWeave
Rendering…

Make it your own.

{
  "nodes": [
    { "id":"q","type":"container","label":"Q1 2026","x":40,"y":40,"width":1080,"height":540,"fill":"rgba(241,245,249,0.4)","stroke":"#475569" },
    { "id":"m1","type":"rect","label":"Jan","x":160,"y":80,"fill":"#e2e8f0","stroke":"#475569" },
    { "id":"m2","type":"rect","label":"Feb","x":480,"y":80,"fill":"#e2e8f0","stroke":"#475569" },
    { "id":"m3","type":"rect","label":"Mar","x":800,"y":80,"fill":"#e2e8f0","stroke":"#475569" },
    { "id":"r1","type":"note","label":"Discovery","x":80,"y":180,"fill":"#fef9c3" },
    { "id":"r2","type":"note","label":"Design","x":80,"y":260,"fill":"#fef9c3" },
    { "id":"r3","type":"note","label":"Build","x":80,"y":340,"fill":"#fef9c3" },
    { "id":"r4","type":"note","label":"Beta","x":80,"y":420,"fill":"#fef9c3" },
    { "id":"r5","type":"note","label":"Launch","x":80,"y":500,"fill":"#fef9c3" },
    { "id":"t1","type":"chevron","label":"User research","x":220,"y":180,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"t2","type":"chevron","label":"Wireframes","x":400,"y":260,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"t3","type":"chevron","label":"Hi-fi designs","x":620,"y":260,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"t4","type":"chevron","label":"Backend","x":420,"y":340,"fill":"#fef3c7","stroke":"#a16207" },
    { "id":"t5","type":"chevron","label":"Frontend","x":620,"y":340,"fill":"#fef3c7","stroke":"#a16207" },
    { "id":"t6","type":"chevron","label":"Closed beta","x":740,"y":420,"fill":"#fed7aa","stroke":"#c2410c" },
    { "id":"t7","type":"star","label":"Public launch","x":900,"y":500,"fill":"#fef3c7","stroke":"#a16207","motion":"pulse" }
  ],
  "edges": [
    { "id":"e1","source":"t1","target":"t2" },
    { "id":"e2","source":"t2","target":"t3" },
    { "id":"e3","source":"t3","target":"t4" },
    { "id":"e4","source":"t4","target":"t5" },
    { "id":"e5","source":"t5","target":"t6" },
    { "id":"e6","source":"t6","target":"t7" }
  ]
}