Vega-Lite — ARR composition stack
Stacked area chart of new / expansion / churn ARR.
Rendering…
Make it your own.
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"values": [
{"m":"Jan","kind":"new","v":120},{"m":"Jan","kind":"expand","v":40},{"m":"Jan","kind":"churn","v":-20},
{"m":"Feb","kind":"new","v":140},{"m":"Feb","kind":"expand","v":55},{"m":"Feb","kind":"churn","v":-25},
{"m":"Mar","kind":"new","v":160},{"m":"Mar","kind":"expand","v":70},{"m":"Mar","kind":"churn","v":-30}
]},
"mark":"area",
"encoding": {
"x":{"field":"m","type":"ordinal"},
"y":{"field":"v","type":"quantitative","stack":"zero"},
"color":{"field":"kind","type":"nominal"}
}
}