{"version":"1.0","type":"rich","title":"Scatterplot with brush d3 v4","description":"A scatterplot of S&P 500 monthly prices from 2000 to 2002, rendered in SVG using D3 v4, combines a main focus chart with a smaller context chart below. The focus chart displays blue circular points for each month's closing price, with axes for date and price. The context chart provides a miniature overview of the same data, overlaid with a one-dimensional brush. Users can drag the brush horizontally to select a time range, which dynamically updates the focus chart's x-axis domain to zoom into the brushed period. A button changes the dot color to red when clicked. The example is adapted from Mike Bostock's brush work and demonstrates linked views with a time-series scatterplot.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-e7989a5a63eb096fcdd1cc2cc50cc3c4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}