Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Filterable Cocktail Ingredient Bar Chart

Public visualization

Filterable Cocktail Ingredient Bar Chart

0 stars0🌍 Public
WW9183907
Last edited Oct 27, 2020
Created on Oct 27, 2020

This interactive bar chart displays the top 50 university modules by student enrollment, filtered by academic department. A React dropdown menu lets users select a department (such as CSIS, CAM, or GAV), which dynamically updates the chart’s data through d3.nest() aggregation. The visualization uses d3.scaleBand for the vertical module codes and d3.scaleLinear for horizontal counts, rendered as SVG rectangles with native tooltips. Data loads from a CSV via d3.csv, with axes generated by custom React components.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed