{"version":"1.0","type":"rich","title":"Brush & Zoom","description":"This example combines d3-brush and d3-zoom to implement a Focus + Context view of the S&P 500 monthly closing prices from 2000 to 2013. The main chart displays the full time series as an area chart, while a smaller context chart below shows the same data at a smaller scale. Users can brush over the context chart to select a time range, which updates the focus chart’s domain, or zoom directly on the focus chart with the mouse wheel or drag gestures. The two views stay synchronized: brushing updates the zoom transform, and zooming updates the brush selection. The visualization uses SVG rendering with a steelblue area and axes, demonstrating how to combine brushing and zooming for interactive data exploration.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bb1ba2fa10766673bd95fdcb12a4b1e7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}