<filename>altair_examples/interval_selection.py
"""
Interval Selection Example
==========================

This is an example of creating a stacked chart for which the domain of the
top chart can be selected by interacting with the bottom chart.
"""
# category: area charts
import altair as alt
from vega_datasets import data

source = data.sp500()

brush = alt.selection(type="interval", encodings=["x"])

base = (
    alt.Chart(source)
    .mark_area()
    .encode(x="date:T", y="price:Q")
    .properties(width=600, height=200)
)

upper = base.encode(alt.X("date:T", scale=alt.Scale(domain=brush)))

lower = base.properties(height=60).add_selection(brush)

upper & lower

<filename>altair_examples/interval_selection.py
"""
Interval Selection Example
==========================

This is an example of creating a stacked chart for which the domain of the
top chart can be selected by interacting with the bottom chart.
"""
# category: area charts
import altair as alt
from vega_datasets import data

source = data.sp500()

brush = alt.selection(type="interval", encodings=["x"])

base = (
    alt.Chart(source)
    .mark_area()
    .encode(x="date:T", y="price:Q")
    .properties(width=600, height=200)
)

upper = base.encode(alt.X("date:T", scale=alt.Scale(domain=brush)))

lower = base.properties(height=60).add_selection(brush)

upper & lower

Interval Selection Example ==========================  This is an example of creating a stacked chart for which the domain of the top chart can be selected by interacting with the bottom chart. # category: area charts