steam_graph_vl

steam_graph.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "width": 300,
  "height": 200,
  "data": {"url": "data/unemployment-across-industries.json"},
  "transform": [
    {"filter": "datum.series == 'Government' || datum.series == 'Finance'"}
  ],
  "mark": "area",
  "params": [
    {
      "name": "industry",
      "select": {"type": "point", "fields": ["series"]},
      "bind": "legend"
    }
  ],
  "encoding": {
    "x": {
      "timeUnit": "yearmonth",
      "field": "date",
      "axis": {"domain": false, "format": "%Y", "tickSize": 0}
    },
    "y": {
      "aggregate": "sum",
      "field": "count",
      "stack": "center",
      "axis": null
    },
    "color": {"field": "series", "scale": {"scheme": "category20"}},
    "opacity": {"condition": {"param": "industry", "value": 1}, "value": 0.2}
  }
}