{"version":"1.0","type":"rich","title":"scatterplot","description":"This scatterplot visualizes the relationship between two quantitative variables using a bubble chart, where each point’s size and color encode additional dimensions. Built with D3.js v3, it uses `d3.scale.linear` to map data values to x- and y-axes, `d3.svg.axis` for gridlines and ticks, and `d3.layout.pack` to position overlapping circles with force-based collision detection via `d3.forceSimulation`. The axes are labeled with text elements, and the chart includes a legend for size and color scales. Data is loaded from a CSV file and rendered as SVG shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e62aaffd879e488b90491a0a0c6b6a7d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}