Previous Version. This version is implemented using D3 Version 4.
A visualization of the mean nutrient contents of all 8789 foods in USDA's SR28 Nutrient Database.
Data processed with SQLite and Node.js.
Also see the Nutrient Explorer.
| height: 2000 | |
| border: no |
| height: 1280 | |
| border: no |
| border: no | |
| height: 540 | |
| license: gpl-3.0 |
| height: 700 | |
| border: no | |
| license: gpl-3.0 |
| height: 700 | |
| border: no | |
| license: gpl-3.0 |
| border: no | |
| height: 260 | |
| license: gpl-3.0 |
| <!doctype html> | |
| <meta charset="utf-8"> | |
| <script src="https://d3js.org/d3.v4.js"></script> | |
| <canvas id="painting" width=960 height=500></canvas> | |
| <script> | |
| var colorScale = d3.scaleOrdinal() | |
| //.range(["red", "green", "blue"]); | |
| .range(["#490A3D","#BD1550","#E97F02","#F8CA00","#8A9B0F"]); | |
| var canvas = d3.select("#painting").node(); |
Previous Version. This version is implemented using D3 Version 4.
A visualization of the mean nutrient contents of all 8789 foods in USDA's SR28 Nutrient Database.
Data processed with SQLite and Node.js.
Also see the Nutrient Explorer.
| license: gpl-3.0 | |
| height: 800 | |
| border: no |
| license: gpl-3.0 | |
| height: 800 | |
| border: no |