multi1.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "url": "https://vega.github.io/vega-lite/data/sp500.csv"
    },
    "description": "Overview and detail.",
    "vconcat": [
        {
            "encoding": {
                "x": {
                    "axis": {
                        "title": null
                    },
                    "field": "date",
                    "scale": {
                        "domain": {
                            "selection": "myBrush"
                        }
                    },
                    "type": "temporal"
                },
                "y": {
                    "field": "price",
                    "type": "quantitative"
                }
            },
            "mark": "area",
            "width": 500
        },
        {
            "encoding": {
                "x": {
                    "axis": {
                        "format": "%Y"
                    },
                    "field": "date",
                    "type": "temporal"
                },
                "y": {
                    "axis": {
                        "grid": false,
                        "tickCount": 3
                    },
                    "field": "price",
                    "type": "quantitative"
                }
            },
            "height": 60,
            "mark": "area",
            "selection": {
                "myBrush": {
                    "encodings": [
                        "x"
                    ],
                    "type": "interval"
                }
            },
            "width": 480
        }
    ]
}