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)

073b886418d24bc8930b6fa41dbd9a3f

Filterable Cocktail Ingredient Bar Chart

0 stars1🌍 Public
KKeerthiKandadai
Last edited May 3, 2020
Created on Mar 27, 2020

This interactive bar chart displays the top 20 academic modules by student count, filtered by department through a dropdown menu. The visualization uses React components with D3.js scales (scaleBand and scaleLinear) to render SVG rectangles, with nested data aggregation via d3.nest(). Raw CSV data is loaded from GitHub using d3.csv, and user selections update the visualization through React state management.

AI-generated description