{"version":"1.0","type":"rich","title":"Brushing Circles with D3","description":"This example demonstrates interactive brushing on a set of five colored circles. Users can drag a rectangular selection region, and any circle whose center falls within that area is highlighted with a thick black stroke. The visualization updates its state through D3's `brush` API, using the `on('brush')` and `on('end')` events to track the selection. The circles are rendered as SVG elements with hardcoded coordinates and colors, and the highlighted set is managed via a `Set` stored in the component’s state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aa9ed24e5c9b49bc96e2ade73af5e334?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}