{"version":"1.0","type":"rich","title":"Brush Slider Test","description":"This example demonstrates a brush-style slider for selecting a numeric range from 0 to 100, displaying the current selection as two numbers above the axis. Built with D3 v4, it uses a `d3.brushX` brush on an SVG element with a `d3.axisBottom` scale. The brush’s extent is initialized to [20, 50] via `brush.move`, and the `brushed` event handler retrieves the selection using `d3.brushSelection`, then maps it back to the scale with `x.invert` to update the displayed values. The rendered output is an SVG axis with a movable brush handle, serving as a filter for downstream charts.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-eb284831aff6f9d0119b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}