{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example demonstrates DOM manipulation with D3.js by rendering five colored circles representing fruit, then updating the visualization over time. It shows how `d3.select`, `d3.range`, and `scaleOrdinal` map fruit types to fill colors and radii, with circles initially positioned using hard-coded attributes. The code then uses `setTimeout` to remove a circle after one second and change a circle’s type from apple to lemon after two seconds, triggering updates through a custom `render` function that handles enter, merge, and exit selections. The example is rendered as SVG in a 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}