{"version":"1.0","type":"rich","title":"Clickable Circles with D3 and React","description":"This interactive scatterplot visualizes a synthetic car sales dataset, plotting the price and mileage of various BMW models against a categorical x-axis of model names. Each circle's size encodes the sales volume, while its color represents the fuel type, creating a clear overview of market performance. Built with React and D3.js, the visualization uses a `vg` selection with `scalePoint`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs to render the axis and circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/46e1ec1ddea44081a595a5265ada71c0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}