{"version":"1.0","type":"rich","title":"1-mashq","description":"This example demonstrates a dynamic fruit bowl visualization where apples and lemons are added, removed, and swapped over time using D3.js data joins. The code defines a fruitBowl function that binds fruit data to SVG circle and text elements, using `scaleOrdinal` for color and radius mapping. State changes trigger re-renders at timed intervals: initially five apples appear, one is eaten, a lemon replaces an apple, and another apple is removed. The bowl itself is a rounded rectangle, with fruits positioned horizontally across the SVG canvas. The example uses D3 v5 with modern ES module imports and SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1ffe1de1b1f48b8a2b8665aca79f9c2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}