{"version":"1.0","type":"rich","title":"TD1 - 1","description":"This example renders three static circles (green, blue, red) aligned horizontally within an SVG. A red circle with the id `id1` reacts to mouseover and mouseout events by changing its fill color to black and back to red. Clicking a rectangle triggers a two-second `d3.transition` that moves the red circle twice in sequence. The visualization demonstrates D3 v5 selection, attribute manipulation, event handling, and chained transitions, using `d3.select` and `svg.attr` from the D3 API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7f7cd89676cd4a03945185826b431f68?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}