{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"This horizontal bar chart compares movie budgets against titles, with a color gradient from IndianRed to red indicating budget magnitude. Hovering over a bar displays the movie title, budget, and IMDb score in a separate HTML div using mouseover events. The visualization animates bar widths when clicking a circular button, toggling between full and zero widths with d3 transitions. It uses d3.csv to load data, d3.scaleLinear for both x-axis and color encoding, d3.scaleBand for categorical y-axis placement, and d3.axisLeft/axisBottom for axis rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/60e4a87810ea4e8cb017db42628d3e9c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}