Interval selection with dynamic binning

Tip

Try selecting and dragging an interval on the bottom chart

using Deneb

data = Data(
    url="https://vega.github.io/vega-datasets/data/flights-5k.json",
    format=(; parse=(; date=:date)),
)

base = data * Mark(:bar) * transform_calculate(
    time="hours(datum.date) + minutes(datum.date) / 60",
) * Encoding(
    x=field("time", bin=(; maxbins=30)),
    y="count()"
) * vlspec(width = 600)

upper = Encoding(
    x=(
        title="",
        bin=(; extent=param(:brush)),
    )
)

lower = select_interval(
    :brush,
    encodings=[:x],
) * vlspec(height=60)

chart = base * [upper; lower]

This page was generated using DemoCards.jl and Literate.jl.