mirror of
https://github.com/aykhans/AzSuicideDataVisualization.git
synced 2025-11-04 11:59:58 +00:00
33 lines
641 B
Python
33 lines
641 B
Python
"""
|
|
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.url
|
|
|
|
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
|