{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"A D3.js example demonstrates DOM manipulation by rendering a row of five apples as red circles in an SVG, then animating their removal and a color change over time. Using `d3.select`, `d3.range`, and `d3.scaleOrdinal`, the code maps fruit types to fill colors and radii. A `render` function binds data to circles via `selection.selectAll` and `data`, handling enter, update, and exit selections. A `setTimeout` removes an apple after one second, and another changes one to a lemon after 2.5 seconds, showcasing dynamic updates with D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/848b55ff150a4a79ad0930dcd28aeb72?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}