{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example charts the ten most populous countries using a horizontal bar chart, with population values read from a CSV file. The visualization transforms D3.js’s fundamental DOM manipulation capabilities into an interactive tutorial, as demonstrated by a smiley face with moving eyebrows. The code explicitly uses `d3.csv` to load data, `scaleLinear` and `scaleBand` for positioning, and `axisLeft` and `axisBottom` for axes. D3’s selection and data-binding methods (`selectAll`, `enter`, `append`) populate the SVG’s `rect` elements, while a tick formatter using `format('.3s')` shortens large numbers in the display.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/397bc2441af6439193b0890763011ff2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}