{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"A single SVG contains a row of five red circles, representing apples, which are drawn using D3.js’s `select`, `range`, and `append` methods. The code initially renders all five fruits, then after a one-second timeout, it removes one from the end of the data array and re-renders the visualization. This shows how D3’s enter and exit selections manage dynamic updates to the scene, with the circle positions computed via an index-based formula. The example uses D3 v5 and the SVG rendering approach.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27f31d0e7f514e268bb366a4cd947794?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}