Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Filterable Cocktail Ingredient Bar Chart

Public visualization

Viewing a saved revision (read-only)

aeb3fd90d5cb4ed2b511441d9cd130d4

Filterable Cocktail Ingredient Bar Chart

0 stars0🌍 Public
Aaizazhussain234
Last edited May 26, 2020
Created on May 26, 2020

This interactive bar chart displays the number of students enrolled per module, with the top 20 modules sorted in descending order. A dropdown menu filters the dataset by department (CSIS, CAM, or GAV), recalculating student counts and resorting the bars accordingly. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, `d3.nest()` for aggregation, and SVG `rect` elements with tooltips. The chart loads data from a remote CSV file and updates dynamically when the department selection changes.

AI-generated description