{"version":"1.0","type":"rich","title":"d3 random circle practice","description":"This example maps an array of coordinate pairs to an SVG scatterplot, encoding each point as a circle whose radius reflects the y-value. The code uses d3.scaleLinear for the x and y axes, d3.scaleSqrt for the radius, and d3.axisBottom and d3.axisLeft to draw teal axes. It renders circles and red coordinate labels, then animates a one-second transition that recolors each circle teal and shrinks its radius to 3. The data is hardcoded in a JavaScript array.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-6b144605b9a81aab7df3abcc0a9ad29c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}