{"version":"1.0","type":"rich","title":"59. D3 Ease Linear","description":"A bar chart displays a dataset of 20 values, initially rendered in blue. Clicking a text prompt triggers a 2-second transition where the bars' heights, positions, and labels animate to a new dataset. The animation uses `d3.transition()` with `.duration(2000)` and `.ease(d3.easeLinear)`, demonstrating linear easing. The SVG elements are created programmatically, with bar positions scaled via `d3.scaleBand()` and `d3.scaleLinear()`, and label positions updated alongside the rectangles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b37f84e7bfd44acf9ae37fe620c21b3e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}