Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Nutrient Parallel Coordinates IV

Public visualization

Viewing a saved revision (read-only)

0a10c77f89e74abc9f7bccc0db05d076

Nutrient Parallel Coordinates IV

0 stars0🌍 Public
Mmuzzheng
Last edited Mar 4, 2021
Created on Mar 4, 2021

A parallel coordinates chart displays nutrient amounts across US Department of Agriculture food samples, with 25 numeric axes (fat, sugars, vitamins) plus categorical axes for food group and manufacturer. Each sample is a colored polyline, sorted by food group. Rendering splits into an SVG for axes and a Canvas overlay for the 3,000+ polylines. Built with React and d3.v4, it uses d3.scalePoint, d3.scaleSqrt, d3.axisLeft/Right, and d3.brush for interactive filtering.

AI-generated description

React Starter code.