How to plot several variables on an axis with Vega-Lite?

Question

Following Vega-Lite\'s Seattle weather tutorial, it was easy to plot avg min temperature by month:

{
  \"$schema\": \"https://vega.github.io/schema/vega-lite/v2.         


        

Answer 1

You can use layering as described at https://vega.github.io/vega-lite/docs/layer.html.

{
  "data": {"url": "data/seattle-weather.csv"},
  "layer": [
    {
      "mark": "line",
      "encoding": {
        "x": {
          "timeUnit": "month",
          "field": "date",
          "type": "temporal"
        },
        "y": {
          "aggregate": "mean",
          "field": "temp_min",
          "type": "quantitative"
        }
      }
    },
    {
      "mark": "line",
      "encoding": {
        "x": {
          "timeUnit": "month",
          "field": "date",
          "type": "temporal"
        },
        "y": {
          "aggregate": "mean",
          "field": "temp_max",
          "type": "quantitative"
        }
      }
    }
  ]
}