Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

67d1e57c95b74ece8555b12fd4820d7f

Making a Bar Chart

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