Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Food Nutrience

Public visualization

Viewing a saved revision (read-only)

f26fdd3abbe54e8bb018a7f475463ea7

Food Nutrience

0 stars0🌍 Public
RRyan Offstein
Last edited Aug 31, 2025
Created on Aug 31, 2025
Forked from Loading Data

This interactive visualization explores the nutritional composition of a curated selection of foods from the USDA FoodData Central dataset. It reads a local `data.json` file containing food items with their associated nutrient values (such as vitamins, fatty acids, and minerals) and uses d3’s `select` and `join` operations to render the raw data as a formatted JSON structure in a `<pre>` element. The visualization serves as a debugging and exploration tool, displaying the exact food and nutrient records loaded from the source, highlighting the distribution of analytical data points, medians, and amounts for each nutrient. The interface is minimal, with a simple body layout and a state-managed loading process that fetches and displays the data upon initialization.

AI-generated description