Viewing a saved revision (read-only)
b31f20d5938b4a028a6f18a438e7361a
CS573 Final Project - Viz Summary
This visualization gallery presents an analysis of nutritional data from six major fast-food chains, sourced from a Kaggle dataset. The first phase uses D3.js bubble charts to compare relationships between key nutrients, such as cholesterol, saturated fat, and sugar against sodium content. The second phase employs bar charts to display the average values of these nutrients per restaurant. The visualizations are built with the D3.js library, rendered interactively and responsively within embedded iframes on VizHub.
AI-generated descriptionThis is how you can use VizHub to publish an article!
Just delete all the code files except README.md.
You can use the VizHub Embed Feature to embed other vizzes in your article. For example, here's an example of embedded responsive visualizations:
Phase 1 Analysis (Bubble Charts):
Cholesterol (mg) vs Sodium (mg):
<iframe src="https://vizhub.com/pbruss/cholesterol_vs_sodium_v4?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Saturated Fat (g) vs Sodium (mg):
<iframe src="https://vizhub.com/pbruss/saturatedfat_vs_sodium_v4?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Sugar (g) vs Sodium (mg):
<iframe src="https://vizhub.com/pbruss/sugar_vs_sodium_v4?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Phase 2 Analysis (Bar Charts)
Average Sodium:
<iframe src="https://vizhub.com/pbruss/avg_sodium_barchart_v1?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Average Cholesterol:
<iframe src="https://vizhub.com/pbruss/avg_cholesterol_barchart_v1?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Average Saturated Fat:
<iframe src="https://vizhub.com/pbruss/avg_satfat_barchart_v1?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Average Sugar:
<iframe src="https://vizhub.com/pbruss/avg_sugar_barchart_v1?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Average Calories:
<iframe src="https://vizhub.com/pbruss/avg_calories_barchart_v1?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>