{"version":"1.0","type":"rich","title":"65. D3 Delay Dynamic Scaled","description":"This example demonstrates a bar chart with 30 rectangular bars and corresponding value labels, rendered as SVG elements using D3.js version 4.5.0. Initially, the chart displays a static dataset, but clicking on the text above the visualization triggers a one-time update with a new dataset. The update uses d3.transition with a staggered delay, calculated as `(i / dataset.length) * 1000` milliseconds per element, and a 500-millisecond duration to animate changes in bar height, vertical position, fill color (using an RGB scale based on data values), and label text and position. The chart employs d3.scaleBand for x-axis positioning and d3.scaleLinear for y-axis scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5e025fd5ba4c40ed94cc77f3180e8153?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}