line4.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "url": "https://vega.github.io/vega-lite/data/barley.json"
    },
    "description": "Slope graph showing the change in yield for different barley sites. It shows the error in the year labels for the Morris site.",
    "encoding": {
        "color": {
            "field": "site",
            "type": "nominal"
        },
        "x": {
            "field": "year",
            "scale": {
                "padding": 0.5
            },
            "type": "ordinal"
        },
        "y": {
            "aggregate": "median",
            "field": "yield",
            "type": "quantitative"
        }
    },
    "mark": "line",
    "width": {
        "step": 50
    }
}