{"version":"1.0","type":"rich","title":"random circle 3d practice","description":"This example plots a set of 2D coordinates as circles in an SVG, with each circle’s position and radius scaled using d3.scaleLinear and d3.scaleSqrt. Axis lines and tick labels are drawn via d3.axisBottom and d3.axisLeft, while red text labels display each point’s raw values. After the initial render, all circles transition over one second, shrinking to a radius of three and filling with teal, demonstrating d3.transition on SVG circle elements. The data is a hardcoded array of coordinate pairs, and the visualization uses D3 v4 with SVG rendering and animation.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-3c7ed60a85e7bd79a2c67b690006a291?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}