Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

[Vega-Lite] 3.5 Selection

Public visualization

Viewing a saved revision (read-only)

c83c7eb50b3444b39ea4c55eeeeb24e6

[Vega-Lite] 3.5 Selection

0 stars1🌍 Public
DDiego Rojo
Last edited Mar 15, 2022
Created on Mar 15, 2022

This example uses Vega-Lite and Vega-Embed to create a linked selection between two area charts of S&P 500 price data. The main chart displays price over time, while a smaller overview chart below it allows interval selection along the x-axis via the `"select": {"type": "interval", "encodings": ["x"]}` parameter. The selected brush range updates the main chart’s temporal scale domain through the `"scale": {"domain": {"param": "brush"}}` binding. The data is loaded from a remote CSV file, and both charts share the same date and price fields.

AI-generated description