Excalidraw — Incident Timeline Sketch for a Post-Mortem
The timeline a post-mortem starts from, drawn on a whiteboard: from the deploy that shrank the database connection pool at 13:02 to recovery at 13:51, with the alert, page, diagnosis and rollback in between and the phase durations underneath — 7, 5, 17 and 20 minutes, adding to 49 minutes of customer impact. Illustrative values.
Rendering…
Make it your own.
{
"type": "excalidraw",
"version": 2,
"source": "https://www.flowss.ai",
"elements": [
{"id":"title","type":"text","x":40,"y":10,"width":739,"height":30,"text":"INC-2291 — payments latency, 14 May (UTC, illustrative)","fontSize":24,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#1e1e1e"},
{"id":"axis","type":"line","x":60,"y":200,"width":1000,"height":0,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[1000,0]]},
{"id":"tick0","type":"line","x":60,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time0","type":"text","x":38,"y":215,"width":45,"height":20,"text":"13:02","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev0","type":"rectangle","x":-10,"y":70,"width":150,"height":70,"strokeColor":"#495057","backgroundColor":"#e9ecef","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev0-t"}]},
{"id":"ev0-t","type":"text","x":-31,"y":86,"width":193,"height":38,"text":"Deploy v4.18\n(connection pool 50→20)","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#495057","containerId":"ev0"},
{"id":"tick1","type":"line","x":230,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time1","type":"text","x":208,"y":215,"width":45,"height":20,"text":"13:09","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev1","type":"rectangle","x":160,"y":250,"width":150,"height":70,"strokeColor":"#e03131","backgroundColor":"#ffc9c9","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev1-t"}]},
{"id":"ev1-t","type":"text","x":189,"y":266,"width":92,"height":38,"text":"p99 latency\nalert fires","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#e03131","containerId":"ev1"},
{"id":"tick2","type":"line","x":400,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time2","type":"text","x":378,"y":215,"width":45,"height":20,"text":"13:14","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev2","type":"rectangle","x":330,"y":70,"width":150,"height":70,"strokeColor":"#e8590c","backgroundColor":"#ffd8a8","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev2-t"}]},
{"id":"ev2-t","type":"text","x":334,"y":86,"width":143,"height":38,"text":"On-call paged,\nincident declared","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#e8590c","containerId":"ev2"},
{"id":"tick3","type":"line","x":570,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time3","type":"text","x":548,"y":215,"width":45,"height":20,"text":"13:31","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev3","type":"rectangle","x":500,"y":250,"width":150,"height":70,"strokeColor":"#6741d9","backgroundColor":"#d0bfff","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev3-t"}]},
{"id":"ev3-t","type":"text","x":512,"y":266,"width":126,"height":38,"text":"Pool exhaustion\nidentified","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#6741d9","containerId":"ev3"},
{"id":"tick4","type":"line","x":740,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time4","type":"text","x":718,"y":215,"width":45,"height":20,"text":"13:38","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev4","type":"rectangle","x":670,"y":70,"width":150,"height":70,"strokeColor":"#1971c2","backgroundColor":"#a5d8ff","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev4-t"}]},
{"id":"ev4-t","type":"text","x":691,"y":86,"width":109,"height":38,"text":"Rollback to\nv4.17 started","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#1971c2","containerId":"ev4"},
{"id":"tick5","type":"line","x":910,"y":190,"width":0,"height":20,"strokeColor":"#1e1e1e","strokeWidth":2,"strokeStyle":"solid","roughness":1.2,"points":[[0,0],[0,20]]},
{"id":"time5","type":"text","x":888,"y":215,"width":45,"height":20,"text":"13:51","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#495057"},
{"id":"ev5","type":"rectangle","x":840,"y":250,"width":150,"height":70,"strokeColor":"#2f9e44","backgroundColor":"#b2f2bb","fillStyle":"solid","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"ev5-t"}]},
{"id":"ev5-t","type":"text","x":852,"y":266,"width":126,"height":38,"text":"Latency normal;\nmonitoring","fontSize":15,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#2f9e44","containerId":"ev5"},
{"id":"ttx","type":"text","x":60,"y":360,"width":833,"height":20,"text":"Detect 7 min · acknowledge 5 min · diagnose 17 min · mitigate 20 min — 49 min customer impact","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#e03131"}
],
"appState": { "viewBackgroundColor": "#ffffff" },
"files": {}
}