Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Food Color Categories

Public visualization

Viewing a saved revision (read-only)

3f5e79f80e234b8f97b97ea8865b9aeb

Food Color Categories

0 stars1🌍 Public
RRyan Offstein
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from Food Images.

This interactive scatter plot, built with React and D3, visualizes the nutritional profiles of foods from the USDA FoundationFoods dataset. Users can select nutrients for the x- and y-axes, toggle between logarithmic and linear scales, and optionally map point size to a chosen nutrient. The visualization uses D3's `scaleLog` and `scaleLinear` for axes, and color-codes points by food category. Optionally, it can fetch food images from Wikipedia via a web API and use them as point patterns within the SVG.

AI-generated description