{"version":"1.0","type":"rich","title":"D3 Workshop: Part 2 - SVGs and d3 Transitions","description":"This interactive workshop demonstrates how to build and animate SVG shapes with D3 v4. A button triggers transitions that move a green rectangle and data-bound rectangles to random positions, while cycling their fill colors. The code uses d3 selection, data joins with `enter()`, and chained `transition().duration()` calls to animate attributes. Static SVG elements—blue, red, and yellow shapes—serve as the initial canvas.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a5bf4dd3387f1ff297538327e998aa00?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}