{"version":"1.0","type":"rich","title":"fundamentals of scalable vector graphics","description":"This example shows a single blue circle rendered across the full width of the page, with the body’s font size set to 13em, demonstrating the minimal setup required to output an SVG shape with D3. It uses D3 v7’s `select` function to target the body element, though the script does not modify the page’s content. The circle is defined directly in the HTML as an SVG element with fixed `r`, `cx`, and `cy` attributes, and the page loads D3 from a CDN. The code highlights the basic integration of D3 with static SVG markup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4cf3a40d0a5247b9b653c7349f85680f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}