Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Filterable Cocktail Ingredient Bar Chart

Public visualization

Viewing a saved revision (read-only)

4790e5f37d2145e197323bb0ac76cac7

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