{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"This bar chart displays movie budgets against their titles, with a color gradient from IndianRed to red encoding budget magnitude and IMDB scores revealed on hover. Built with d3.scaleLinear for the x-axis and color mapping, and d3.scaleBand for the categorical y-axis. The visualization includes an interactive circle that toggles bar widths using CSS-like transitions via the transitionWidth helper. Data comes from a local CSV file containing movie titles, budgets, and IMDB scores, rendered as SVG with d3.axisLeft and d3.axisBottom for axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5538f7d8ef40456b8e9021fa3331cee5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}