Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Filterable Cocktail Ingredient Bar Chart

Public visualization

Fork of Fork of Filterable Cocktail Ingredient Bar Chart

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

This fork of a D3 bar chart displays the top 50 university modules by student count, with a dropdown filter to subset results by department values CSIS, CAM, or GAV. The visualization uses React to manage state and render SVG elements, while d3’s `scaleBand`, `scaleLinear`, and `nest` functions aggregate and sort the CSV data for display. Department filtering applies a case-insensitive string match on the dataset, and the chart updates the y-axis accordingly. Axes and marks are built as React components, with native SVG `<title>` elements providing hover tooltips.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed