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)

76e5d7764aeb4f3d8e19e0dc81387a3f

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