{"version":"1.0","type":"rich","title":"Circles","description":"Five blue circles appear in a row, drawn as SVG elements. Clicking the button triggers a `mouseleave` event on all of them, causing each to turn red and then fade back to blue over one second. Built with React, it uses D3 v5’s selection and transition API to animate the fill attribute.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3b5317e014eb4806b088905ce1d26572?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}