{"version":"1.0","type":"rich","title":"43. D3 Axes Bottom","description":"A scatter plot displays eleven data points as circles with square-root-scaled radii, alongside red text labels showing each coordinate pair. The example emphasizes positioning the x-axis at the bottom of the SVG canvas rather than the default location. Using D3 v4.5.0, the code creates linear scales for x and y coordinates, applies `d3.axisBottom()` to generate the axis, and translates the axis group to the bottom edge with `svg.append(\"g\").attr(\"transform\", ...)`. Circle positions use the scaled values, demonstrating axis placement alongside standard scatter plot rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5628355dae964ea4ab20baa77820cadd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}