{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"This bar chart displays movie budgets against movie titles, with hover interactions revealing the corresponding IMDB score. The visualization uses D3.js v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis and budget-based color scale, `d3.scaleBand` for the categorical y-axis, and `d3.axisLeft`/`d3.axisBottom` for axes. A clickable green circle toggles an animation that transitions all bar widths to zero or back using `.transition().attr(\"width\")`. Data comes from a local CSV file containing movie titles, budgets, and IMDB scores.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2bcf426467024674a1a57252067dc150?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}