{"version":"1.0","type":"rich","title":"Froots - General Update Pattern","description":"This example demonstrates the general update pattern in D3 by animating a row of fruit circles that change over time. It shows how selections handle entering, updating, and exiting elements: an apple disappears, then an apple transforms into a lemon. The visualization uses `d3.selectAll('circle')` with `.data()`, `.enter()`, `.merge()`, and `.exit()` to manage SVG circles. Separate ordinal scales map fruit types to circle colors and radii. The code imports `scaleOrdinal` from `d3` and drives changes with `setTimeout` in a module-based D3 v5 setup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e42c1ae34e1143fd8bc36bc9da041fd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}