layer7.vl

{
    "transform": [
        {
            "window": [
                {
                    "op": "mean",
                    "as": "rolling_mean",
                    "field": "temp_max"
                }
            ],
            "frame": [
                -15,
                15
            ]
        }
    ],
    "height": 300,
    "data": {
        "url": "data/seattle-weather.csv"
    },
    "width": 400,
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "layer": [
        {
            "mark": {
                "opacity": 0.3,
                "type": "point"
            },
            "encoding": {
                "x": {
                    "field": "date",
                    "title": "Date",
                    "type": "temporal",
                    "axis": {
                        "zindex": 1,
                        "gridColor": "orange",
                        "gridOpacity": 0.8
                    }
                },
                "y": {
                    "field": "temp_max",
                    "title": "Max Temperature",
                    "type": "quantitative"
                }
            }
        },
        {
            "mark": {
                "color": "red",
                "size": 3,
                "type": "line"
            },
            "encoding": {
                "x": {
                    "field": "date",
                    "type": "temporal"
                },
                "y": {
                    "field": "rolling_mean",
                    "type": "quantitative"
                }
            }
        }
    ],
    "description": "Plot showing a 30 day rolling average with raw values in the background."
}