{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example uses D3.js to demonstrate fundamental DOM manipulation and data binding by generating a playful visualization of global population data. The code loads a CSV file containing country population figures and renders them as SVG rectangles using D3’s `select`, `csv`, and `data` joins, with a smiley face motif whose eyebrows animate as a visual accent. The page leverages D3 v5 and direct SVG manipulation within an HTML document, showcasing how shape generation and layout can be driven by external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/506cd91a9a9b4707b3f71f9068ddcc07?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}