{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example shows a simple smiley face drawn using D3.js v5 in an SVG container. The face consists of a large yellow circle for the head and two smaller black circles for the eyes, positioned with fixed pixel offsets. The code selects the SVG element and appends circles using D3’s `select` and `append` methods, setting attributes like `cx`, `cy`, `r`, and `fill` directly. The face’s dimensions derive from the SVG’s width and height attributes, with the head radius calculated relative to the height. No data source is used; the visualization is purely procedural.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89f03abf1e7d41ed87e92b9d014f5501?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}