Skip to main content
SimilarExport ZIP
100%

USA Fresh Fruit Consumption

✓ Published0🌍 Public
CCurran Kelleher
Last edited Oct 5, 2018
Created on Sep 1, 2018
Forked from Data Table Summary

This interactive data visualization displays the structure of a dataset on fresh fruit consumption in the United States from 1980 to 2016. It first shows the total number of rows, columns, and file size in kilobytes, then displays the first 10 rows of the data as a formatted JSON object. The code uses d3.csv to load the data, d3.csvFormat to measure its size, and d3.select to append text elements. The dataset originates from the USDA Fruit and Tree Nut Yearbook.

AI-generated description

This data is about fresh fruit consumption in the US. The data covers 1980 - 2016.

This data comes from the USDA Fruit and Tree Nut Yearbook - Table G36, via Data.world: TBT Week 19 - Fresh Fruit Consumption - 1980 to 2016

MIT Licensed

Similar vizzes

Loading thumbnail…

fruit

This example visualizes a collection of fruits grown in a particular season, displaying them as simple SVG shapes—a red apple with a brown stem and green leaf, a green watermelon, and an orange mango—inside a fixed 400×200 pixel canvas. It first loads a CSV dataset from a GitHub gist, then reports the file size, row count, and column count in a text container. The visualization uses D3.js v7 to append the fruit shapes and to parse the CSV data, while CSS styles the page with a bisque background and crimson headings. The fruits are drawn with basic geometric primitives like circles, ellipses, and paths, without any data-driven encoding.

VVarun Gadde
70% match
Loading thumbnail…

Franny's Module 6

This example shows the per-capita sugar consumption of the United States and Australia from 1961 to 2004, using two overlaid line charts to compare trends. The visualization uses D3.js version 3 with SVG rendering, employing `d3.svg.line` for path generation, `d3.time.scale` for the x-axis, and `d3.svg.axis` for ticks. Data is loaded from two CSV files (USA and Australia) via `d3.csv`, then merged to set scale domains. The US line appears in steelblue, while Australia’s is red, with hover effects on circles (though circles are not drawn here). The source is FAOSTAT.

FFranny711
70% match
Loading thumbnail…

Franny's Module 4 Exercise

This example visualizes sugar consumption per capita in 1961 across countries as a horizontal bar chart rendered in SVG using D3 v3. The data is loaded from a CSV file, then sorted in descending order by the 1961 value. A linear scale maps sugar amounts to bar widths, while an ordinal scale positions countries along the vertical axis. Bars are colored green and include hover effects that turn them orange, with tooltips showing the exact country and consumption value. Axis lines are styled, with the y-axis labels hidden for a cleaner look. The chart highlights a single year of data from a larger longitudinal dataset, with countries sorted to make comparisons easy. Source: FAOSTAT.

FFranny711
68% match
Loading thumbnail…

Upload food nutrition data

This example displays the size and structure of a filtered USDA foundation food nutrition dataset from 2020, showing the file size in kilobytes, the number of data rows, and the number of columns. It fetches a remote CSV file using `d3.csv` and then formats the result with `d3.csvFormat` to calculate the data’s byte length. The output is rendered as large text in a `<pre>` element using the `document.getElementById` and `textContent` API.

MMing Liu
67% match
Loading thumbnail…

small_multples_interactive

The visualization presents annual U.S. food consumption trends via an animated grid of small multiples, organized by food category (meat, vegetables, fruit, grains, dairy, fat) and showing per-capita amounts in ounces, cups, or grams. A playhead advances through years from 1970 to 1989, with user controls for playback speed and scaling (by group or item). Built with D3.js, the example loads TSV data, draws area and line charts per food item, and updates yearly values using a bisector to index the dataset.

BBenHeubl
67% match
Loading thumbnail…

D3 Page Template

This visualization demonstrates the basic D3 page template, showing monthly sales data for three fruit categories across two years. The code loads a CSV file using `d3.csv` and prepares the data for visualization. The page structure includes a dropdown menu for fruit selection and a graph container, with an ES6 module exporting a message. While the HTML and JavaScript scaffolding establish the D3 v4 framework, the current implementation only logs the parsed data to the console without rendering any visual elements.

SSushanta77
67% match
Loading thumbnail…

Franny's File

This bar chart shows per-capita sugar consumption in 1961 for countries around the world, with each horizontal bar representing a different country. The chart is built with D3 v3 and rendered as SVG, using the d3.csv method to load data from a CSV file and sorting countries in descending order of sugar consumption. Each bar’s width is scaled to the reported value (drawn from the y1961 column), and hovering over a bar displays a tooltip with the country name and exact daily per-capita sugar consumption in grams. The visualization uses a clean, white background with a tan page backdrop, and includes a title and source attribution in the page header.

FFranny711
66% match
Loading thumbnail…

Franny's File

This bar chart shows per-capita sugar consumption in 1961 for countries around the world, with each horizontal bar representing a different country. The chart is built with D3 v3 and rendered as SVG, using the d3.csv method to load data from a CSV file and sorting countries in descending order of sugar consumption. Each bar’s width is scaled to the reported value (drawn from the y1961 column), and hovering over a bar displays a tooltip with the country name and exact daily per-capita sugar consumption in grams. The visualization uses a clean, white background with a tan page backdrop, and includes a title and source attribution in the page header.

FFranny711
66% match