{"version":"1.0","type":"rich","title":"General Update Pattern (Click Events)","description":"Click events drive a unidirectional data flow that updates a fruit bowl visualization. Users click circles to select them, which triggers a re-render and highlights the chosen fruit with a black stroke. D3 v7’s data join, `transition.attrTween`, and event listeners animate entering, updating, and exiting SVG circles. The example uses `scaleOrdinal` for color and radius, and a timed sequence removes and replaces fruits to demonstrate the General Update Pattern.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/879fa3d3ebfd477c9b985c70cc96b7a7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}