{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"A bar chart displays movie titles against their IMDB scores and budgets, with bars colored on a red gradient via a scaleLinear. The data is loaded from a CSV using d3.csv, and the chart is built with d3.scaleBand for the y-axis and d3.scaleLinear for both the x-axis and color encoding. On hover, the chart populates a foreignObject div with title, score, and budget. A clickable circle toggles an animated transition via the custom `transitionWidth` function, which uses the d3 transition API to shrink or grow bar widths over one second.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7dca45887d7a4171a3981aa5a7523f17?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}