{"version":"1.0","type":"rich","title":"Fork of a complete barchart with animation","description":"This example animates a bar chart’s construction from zero-height rectangles to full values, with each bar expanding sequentially and its value label positioning itself above the bar. The chart uses a linear y-scale and band x-scale over a fixed array of nine numbers, rendering via SVG. D3 v5 transitions (`d3.transition`) with staggered delays drive the growth and label movement. Bars respond to mouseover, mouseout, click, and double-click events by changing fill color over 1.5-second transitions or instantly. The code builds the chart with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, all within a React-compatible HTML page.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c9abce4a2584e89b0174c0abee01028?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}