Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Filterable Cocktail Ingredient Bar Chart

Public visualization

Viewing a saved revision (read-only)

37bfd547d3f149d1a686297efaf00be8

Fork of Filterable Cocktail Ingredient Bar Chart

0 stars1🌍 Public
NNarayana Reddy
Last edited May 5, 2021
Created on May 5, 2021

This bar chart displays the top 50 modules by student count, filterable by department (CSIS, CAM, or GAV). The visualization uses D3.js (v5) within a React framework to render the SVG, employing `scaleBand` for the y-axis and `scaleLinear` for the x-axis. Data is loaded from a CSV via d3 `csv`, nested and rolled up by module code to calculate counts. A dropdown menu, built with ReactDropdown, allows users to filter departments, dynamically updating the bars. Tooltips show exact counts via SVG `<title>` elements.

AI-generated description