Viewing a saved revision (read-only)
6dd2797b73004ec29362c7e0b5e8a237
Making a Bar Chart
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.
AI-generated descriptionThis bar chart shows budget and the movietitle with the reference of imdbscore
I've used the data provided in the class
my coding is inspired by vizhub.com with github.