{"version":"1.0","type":"rich","title":"Scaled Scatter plot with Axes","description":"A D3.js v4 scatter plot displays 50 randomly generated data points, with circle size encoding the y-value via a square-root scale and stroke width proportionally mapped to it. Linear scales map the data to x/y positions within the SVG canvas, with a padding offset of 30 pixels. Teal dashed guide lines extend from each circle to the bottom axis, enhancing readability. The chart includes styled axes rendered with `d3.axisBottom` and `d3.axisLeft`, featuring customizable tick counts and a teal color scheme with bold text. Axes are positioned using SVG group elements and transform translations, demonstrating D3's modular axis API.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5890b82bb9480363b6f3b7c4bbcfcf4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}