Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

6dd2797b73004ec29362c7e0b5e8a237

Making a Bar Chart

0 stars2🌍 Public
Vvasukipriyam
Last edited Apr 25, 2019
Created on Apr 23, 2019
Forked from 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 description

This 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.