Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CS573 Final Project - Average Sodium (mg) Levels by Restaurant

Public visualization

Viewing a saved revision (read-only)

0be6fadeeeae48bd9312317bfd9edafb

CS573 Final Project - Average Sodium (mg) Levels by Restaurant

0 stars1🌍 Public
Ppbruss@bu.edu
Last edited Nov 30, 2024
Created on Nov 14, 2024

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 description

Challenge

  • Add this interaction to a bar chart or other visualization that you have created