multi8.vl

{
    "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
    "data": {
        "format": {
            "parse": {
                "date": "date"
            }
        },
        "url": "https://vega.github.io/vega-lite/data/flights-5k.json"
    },
    "transform": [
        {
            "as": "time",
            "calculate": "hours(datum.date) + minutes(datum.date) / 60"
        }
    ],
    "vconcat": [
        {
            "encoding": {
                "x": {
                    "bin": {
                        "maxbins": 30
                    },
                    "field": "time",
                    "type": "quantitative"
                },
                "y": {
                    "aggregate": "count",
                    "type": "quantitative"
                }
            },
            "height": 100,
            "mark": "bar",
            "selection": {
                "brush": {
                    "encodings": [
                        "x"
                    ],
                    "init": {
                        "x": [
                            6,
                            12
                        ]
                    },
                    "type": "interval"
                }
            },
            "width": 963
        },
        {
            "encoding": {
                "x": {
                    "bin": {
                        "extent": {
                            "selection": "brush"
                        },
                        "maxbins": 30
                    },
                    "field": "time",
                    "type": "quantitative"
                },
                "y": {
                    "aggregate": "count",
                    "type": "quantitative"
                }
            },
            "height": 100,
            "mark": "bar",
            "width": 963
        }
    ]
}