interaction10.vl

{
    "config": {
        "axisY": {
            "minExtent": 30
        }
    },
    "data": {
        "url": "https://vega.github.io/vega-lite/data/seattle-weather.csv"
    },
    "$schema": "https://vega.github.io/schema/vega-lite/v3.json",
    "layer": [
        {
            "mark": {
                "color": "orange",
                "type": "line"
            },
            "encoding": {
                "y": {
                    "field": "temp_max",
                    "type": "quantitative"
                }
            }
        },
        {
            "mark": {
                "color": "red",
                "type": "line"
            },
            "encoding": {
                "y": {
                    "field": "temp_min",
                    "type": "quantitative"
                }
            }
        },
        {
            "mark": "rule",
            "selection": {
                "hover": {
                    "empty": "none",
                    "type": "single",
                    "on": "mouseover"
                }
            },
            "encoding": {
                "color": {
                    "condition": {
                        "value": "transparent",
                        "selection": {
                            "not": "hover"
                        }
                    }
                }
            }
        }
    ],
    "encoding": {
        "tooltip": [
            {
                "field": "date",
                "timeUnit": "yearmonthdate",
                "type": "temporal"
            },
            {
                "field": "temp_max",
                "type": "quantitative"
            },
            {
                "field": "temp_min",
                "type": "quantitative"
            }
        ],
        "x": {
            "field": "date",
            "timeUnit": "yearmonthdate",
            "type": "temporal"
        }
    },
    "description": "Multi Series Line Chart with Tooltip"
}