{"version":"1.0","type":"rich","title":"88. D3 Delay","description":"A bar chart displays a dataset of 20 values as vertical bars with numeric labels. Clicking any bar triggers a transition that re-sorts the bars by value, alternating between ascending and descending order. The animation uses `d3.ascending` and `d3.descending` with a `sort()` method, followed by a `transition()` that staggers each bar's horizontal movement using a `delay()` of 50 milliseconds per index and a duration of 1000 milliseconds. The SVG rectangles and text elements are rendered with D3 v4.5.0 scales, including `scaleBand` and `scaleLinear` for positioning and sizing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/568273182a4340b3bb333d7cf3d2263c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}