Sorted by content


The foods are arranged on a scale.
Slide the vertical slider on the right to select the scale on which the foods are placed.
Scroll with the middle mouse wheel to zoom in and out of the scale.
You can also drag to the left and right to move the scale along.

Code Sources:

Force Clustering
Collision Detection
SVG Semantic Zooming
D3 Vertical Slider

Data Sources:

SELF Nutrition Data (USDA)

Group Members:

Class Info:

CMPS165 - Data Programming for Visualization
Winter 2015 - Suresh K. Lodha