Viewing a saved revision (read-only)
87f1480237fa4e1ca8fda0d8fa5ae470
CS573 Final Project - Saturated Fat (g) vs Sodium (mg) w/ category grouping
This scatter plot from the CS573 Final Project visualizes the relationship between saturated fat (grams) and sodium (milligrams) for menu items from six popular fast-food restaurants, using circle size to represent calorie count and color to distinguish restaurant brands. Built with D3.js, it uses `scaleLinear` for the axes, `scaleOrdinal` with `schemeCategory10` for color mapping, and the `@pbruss/responsive-axes` library for dynamic resizing. Interactive tooltips display item details on hover, with data sourced from the Kaggle "Fast Food" dataset.
AI-generated descriptionCS573 Final Project Chart showcasing a <b>responsive</b> Cholesterol vs Sodium levels scatter plot for menu items belonging to six of the most popular fast food restaurants.
Items are color-coded by restaurant name as follows:
- McDonald's (Pink)
- Wendy's (Gray)
- KFC (Brown)
- Pizza Hut (Green)
- Burger King (Orange)
- Taco Bell (Purple)
Dataset: https://www.kaggle.com/datasets/joebeachcapital/fast-food