{"version":"1.0","type":"rich","title":"Bowl of Fruit - General Update Pattern2, animated transition","description":"Five pieces of fruit sit in a bowl as colored circles, rendered with SVG and animated by D3 transitions. The example demonstrates the General Update Pattern by adding, removing, and modifying elements over time. Apples appear in red, lemons in yellow, with radius differences encoded via a d3.scaleOrdinal color scale and a separate radius scale. Using the d3 selection API with `.enter()`, `.merge()`, and `.exit()`, the code applies 1000ms transitions to animate radius changes, and `.remove()` deletes exiting circles. The React-framework wrapper calls the `fruitBowl` function on each state change.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3ba83691eea5415091b6f3b500dd9fc1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}