{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"This example demonstrates a simple data-join workflow in D3.js, rendering a row of five red circles as “apples” and then removing them one by one over time. The code uses `d3.select`, `d3.range`, and the `data()` method with `enter()` and `exit()` selections to manage SVG circle elements dynamically. It also relies on `setTimeout` to trigger two successive updates, showing how `exit().remove()` cleans up removed data points. The visualization is rendered as an SVG inside a fullscreen, dark-themed page with large circular shapes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e56dee888c6d42fa97564bc0745f4796?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}