{"version":"1.0","type":"rich","title":"Learn D3 in 5 minutes","description":"This example shows how to create a simple scatterplot-like visualization using D3’s data join pattern. Five circles are bound to an array of numeric values, with each circle’s radius determined by its corresponding data point. The code uses `d3.select`, `.data()`, and `.join()` to bind the array, then applies inline SVG attributes for positioning and CSS styles for fill and stroke colors. Rendering occurs in an SVG element, with D3 v7 loaded via a CDN script tag.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0627d36050bc4fe89bbe8e06a74d4f94?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}