Vega Interval Brush Signals with Three.js Visual | Mario Delgado | Observable
Author
Mario Delgado
@mariodelgadosr
Designing and Engineering a Better Tomorrow
Comments (1)
Mario Delgado
Jul 5, 2020
Syntax for Vega-lite: viewof chart = vegalite({ "width": 360, "height": 200, "data": {"values":data}, "layer": [{ "selection": { "brush": { "type": "interval", "encodings": ["x"] } }, "mark": "bar", "encoding": { "x": { "field": "name", "type": "ordinal" }, "y": { "field": "value", "type": "quantitative" }, "opacity": { "condition": { "selection": "brush", "value": 1 }, "value": 0.7 } } }] })
Reply
Add comment
Subscribe to notifications
© 2026 Observable, Inc.
Terms of service
Privacy policy
Product
About
Pricing
Documentation
Release notes
Contact us
Open source
Notebook Kit
Plot
D3
Community
Public
Forum
Bluesky
YouTube
X
Observable
Sign up
Mario Delgado
3
Reply
Add comment
Subscribe to notifications
1
Vega Interval Brush Signals with Three.js Visual | Mario Delgado | Observable