{"version":"1.0","type":"rich","title":"Brush and Zoom via Keyboard d3v4","description":"This example extends the classic D3 brush-and-zoom area chart with keyboard controls. The chart plots the S&P 500 index over time as an area, with a smaller context view below for brushing. Users can pan and zoom the focus area using either the mouse (via brush and zoom behaviors) or the keyboard: `a` pans left, `d` pans right, `w` zooms in, and `s` zooms out. The keyboard handler recalculates the visible domain and updates both the main chart and the brush selection in sync. The implementation uses SVG rendering with D3 v4 and includes a clip path for the focus area.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-1ba11865ee0d0585f0274a0976324358?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}