🌍 Public
Viewing a saved revision (read-only)
65eabe0741c3448fa4f9b01e9d7420ab
CS573 Final Project - Saturated Fat (g) vs Sodium (mg)
Ppbruss@bu.edu
Last edited Oct 24, 2024
Created on Oct 24, 2024
This interactive scatter plot visualizes the relationship between saturated fat (in grams) and sodium (in milligrams) for menu items from six popular fast-food restaurants, using a Kaggle dataset. It shows individual menu items as circles, with the circle size encoding calorie count and color representing the restaurant. Built with D3.js v7, the plot uses `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to map data values, while a custom tooltip appears on hover. The visualization is responsive, using `@pbruss/responsive-axes` to adapt the axes to the container's dimensions.
AI-generated descriptionA responsive scatter plot.