Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 Updating Bar Chart With Dropdown

Public visualization

Viewing a saved revision (read-only)

444b997c9c814f5d8b0d34627f595704

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