Making a Bar Chart
This bar chart displays movie budgets against movie titles, with color intensity and hover interactions revealing each film’s IMDb score. A clickable green circle toggles an animation that collapses and expands all bar widths using `d3.transition` with a 1000ms duration, changing the circle’s fill from green to red or blue. The visualization is rendered as SVG using D3 v5, employing `d3.scaleLinear` for the x-axis and color, `d3.scaleBand` for the y-axis, and `d3.axisLeft`/`d3.axisBottom` for ticks. Data comes from a local CSV file listing budgets in dollars 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.
Comments
Sign in to join the discussion.