{"version":"1.0","type":"rich","title":"63. D3 Delay Static","description":"This example shows a static bar chart updating its values when the user clicks on text, with all rectangles and labels transitioning simultaneously after a fixed one-second delay. The chart initially displays 20 data points as vertical bars with white numeric labels, then replaces them with a new dataset on click. Built with D3.js version 4.5.0, the code uses `d3.scaleBand` and `d3.scaleLinear` for positioning and sizing, and applies a `.delay(1000)` followed by `.duration(2000)` to both the rect and text transitions, animating height, fill color, and label positions as SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4664082dcbe24967b8f690e78e1c4c05?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}