Skip to content
Vega-Lite templates

Vega-Lite — ARR composition stack

Stacked area chart of new / expansion / churn ARR.

Template previewVega-Lite
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"}
  }
}