Viewing a saved revision (read-only)
89177dfdd5ed4e10953648fae0b847bd
CS573 Final Project - Cholesterol (mg) vs Sodium (mg) w/ category grouping
This scatter plot shows the relationship between sodium and cholesterol for menu items from six fast food chains, with circle size encoding calorie count and color distinguishing each restaurant. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for color coding, and includes interactive tooltips on hover. The chart is rendered responsively using the @pbruss/responsive-axes library, pulling data from a Kaggle fast food nutrition dataset.
AI-generated descriptionCS573 Final Project Chart showcasing a responsive 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)
TO-DO: Implement legend with the following color scheme