{"version":"1.0","type":"rich","title":"Untitled","description":"This example shows a scatterplot of data points colored by alignment (yes/no) that can be zoomed along the x-axis using a brush. The visualization loads CSV data and renders circles with an SVG, using d3.brushX to let users select a horizontal range, which then updates the x-axis domain and repositions the circles with a transition. The code uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and a clipPath to confine the brush and points to the plotting area. Data comes from a remote GitHub CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd8f8ba04d9d44c899747706ddc6e6b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}