A hierarchy in straight rows.
import { Icicle } from "diagrammatic";A p95 checkout gets profiled. The icicle is the flame graph without the fire: handler on top, callees beneath, width equal to time.
Illustrative data. p95 checkout POST, 14 Aug 2025, traced for 20 minutes.
Database is 2.26s, and inventory is half of that. Payments is the second slab at 1.48s, with 0.92s in authorize. Render and auth total 1.08s, less than the 1.12s inventory query.
- Use it for
- Drill-down composition where the rectangles stay comparable.
- Watch out
- Depth eats height quickly; show the levels people actually navigate.