Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Food Images.

Public visualization

Food Images.

0 stars1🌍 Public
RRyan Offstein
Last edited Oct 20, 2025
Created on Oct 1, 2025
Forked from Simple Foods

This interactive scatterplot maps nutritional data for over a hundred common foods, plotting nutrients like protein and carbohydrates on logarithmic or linear scales. Users can choose which nutrients appear on the x-axis, y-axis, and determine point size, with a toggle to replace colored circles with Wikipedia thumbnail images fetched via the MediaWiki API. Built with React and D3 v7, it uses `scaleLog`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and points, with data sourced from the USDA Foundation Foods dataset.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed