{"version":"1.0","type":"rich","title":"Transition in bar chart : Easy interaction using CSS property transition","description":"This visualization displays the top 10 most populous countries based on 2018 United Nations estimates, using horizontal bars rendered as SVG rectangles. It builds on a basic bar chart by adding a CSS transition property that smoothly changes bar fill color from steelblue to red on hover, demonstrating simple interaction without D3's transition system. The code uses d3.csv to load population data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom with custom tick formatting for the axes. The styling in styles.css handles the transition effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bb95fb5d012b428abe08ee0432dc8b10?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}