Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Filterable Cocktail Ingredient Bar Chart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed