{"version":"1.0","type":"rich","title":"HTML Starter","description":"This visualization generates 50 random data points and renders them as circles in a scatterplot using SVG. It demonstrates a minimal HTML setup with D3 v6 and React, showing how to create axes, scales, and dynamic circle sizing based on data values. The code uses d3-scaleLinear, d3-scaleSqrt, d3.axisBottom, and d3.axisLeft to map random coordinates and apply a square-root scale for circle radii. Styling is applied through a separate CSS file, and the example serves as a starting template for more complex visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/99c25f05aa3d429a98169e900674dbe4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}