Viewing a saved revision (read-only)
67d1e57c95b74ece8555b12fd4820d7f
Making a Bar Chart
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.
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.