{"version":"1.0","type":"rich","title":"Interazione con il flusso di dati unidirezionale","description":"A React component renders an interactive bowl of fruit as SVG circles, using D3 scales to map fruit type to color and radius. Clicking a circle selects it, shown by a black stroke, with selection state managed through React hooks for unidirectional data flow. The visualization updates declaratively as props change, while commented-out code hints at possible D3 transitions for dynamic data updates. Built with React, D3 v5, and SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82dd58a450f84cfca007e2d59c7503b2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}