Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Updating Bar Chart With Dropdown

Public visualization

d3 Updating Bar Chart With Dropdown

0 stars0🌍 Public
KKeerthiKandadai
Last edited Mar 27, 2020
Created on Mar 27, 2020

A bar chart displays the number of students per university module, with a dropdown menu to select a specific course. Selecting a new module triggers an animated transition that updates the bar heights and y-axis domain. The visualization is built with d3.v3, using SVG rectangles and the `transition` method for smooth updates, while the dropdown change event calls the update function. Data is loaded from a CSV file containing module codes and student counts.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed