{"version":"1.0","type":"rich","title":"55. D3 Transition","description":"A bar chart demonstrates smooth animated transitions between two datasets using D3 v4. The initial bars and value labels render with SVG elements, scaled via `d3.scaleBand` and `d3.scaleLinear`. Clicking a text paragraph triggers a `.transition()` on all rectangles, interpolating their height, y-position, and fill color to match the new values. The labels also update their positions and text content within the same interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/173e5cbd69834cf0ab3a4236347d5f74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}