Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Food Color Categories

Public visualization

Viewing a saved revision (read-only)

9741b62d4d8c4dea8b2713f88be14f9f

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