🌍 Public
Viewing a saved revision (read-only)
9b73b556f9ee41f28c913f71253093b3
CS573 Final Project - Average Sodium (mg) Levels by Restaurant
This interactive bar chart displays the average sodium levels (in mg) for six fast food restaurants, using data from a Kaggle nutrition dataset. Each bar is color-coded and includes a hover tooltip that reveals the exact average value. The visualization is built with D3.js, using `scaleBand` and `scaleLinear` for axes, while the `@pbruss/responsive-axes` library handles responsive sizing. Bars change color on mouseenter and revert on mouseleave, with tooltip positioning managed through mouse events. The chart also includes labeled axes and a background rectangle for clarity.
AI-generated descriptionChallenge
- Add this interaction to a bar chart or other visualization that you have created