Skip to main content
SimilarExport ZIP
100%

Avocado Dataset Characteristics

✓ Published1🌍 Public
AAndrew Petit
Last edited Sep 28, 2021
Created on Sep 6, 2021

This example displays basic dataset characteristics for avocado sales data from 2015–2019 across U.S. cities, showing the CSV file size in kilobytes, the number of rows, and the number of columns. It loads the data asynchronously using `d3.csv` from a GitHub gist URL, then formats the raw data back to CSV with `d3.csvFormat` to calculate its byte length. The results are rendered as plain text in a `<pre>` element via the DOM API. The visualization demonstrates a minimal D3 v5 data-loading workflow without any graphical charting.

AI-generated description

About

This vizhub project contains a program that loads and parses a CSV file that contains information regarding the average price / unit size for avocados from 2015-2019 in various cities throughout the United States. It also provides some information regarding total volume of avocados sold, among other less important metrics. A github gist with more information regarding this dataset can be found here.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This example summarizes an avocado price and volume dataset from the Hass Avocado Board. It displays the total row and column counts, the approximate file size in kilobytes, and the first ten rows as formatted JSON. The visualization uses d3.csv to load the external data and d3.csvFormat to compute the file size. Black background with green monospace text creates a terminal-like aesthetic.

Jjons288
82% match
Loading thumbnail…

Avocados Scatter Plot

This scatter plot visualizes the relationship between the average price and total volume of avocados sold weekly from 2016 to 2018, with each point colored by year using a d3.scaleOrdinal legend. The chart loads data from a CSV file via d3.csv, converts numeric fields, and renders SVG circles positioned by d3.scaleLinear scales. Axes are generated with d3.axisLeft and d3.axisBottom, including tick lines and custom axis labels, while the legend is manually drawn as rectangles and text within the SVG.

Jjons288
73% match
Loading thumbnail…

Avocados Scatter Plot

This scatter plot displays the relationship between average price and total volume for avocados in 2018, with each point representing a market observation. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` to load and map data from the Hass Avocado Board, rendering circles in an SVG canvas. Axes include formatted tick labels and clear titles, while a green, semi-transparent fill highlights point density. The code handles data parsing, margin-based layout, and custom axis labels, all styled via an external CSS file.

LLeora Wenger
73% match
Loading thumbnail…

Avocados Scatter Plot with Time

This scatter plot displays avocado volume data from the Hass Avocado Board for 2018, plotting total bags against dates across the year. The visualization uses D3 v5 with SVG rendering, employing d3.scaleTime and d3.scaleLinear to map temporal and quantitative dimensions. Circles represent individual data points, with axes generated using d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, formats date strings into JavaScript Date objects, and applies a dark green fill with partial opacity to the circles.

LLeora Wenger
72% match
Loading thumbnail…

Avocados Scatter Plot

This scatter plot displays weekly avocado sales, showing the relationship between total volume sold and average price from 2016 to 2018, with each circle colored by year. Data comes from the Hass Avocado Board dataset. The visualization uses D3 v5 with `scaleLinear` for axes, `scaleOrdinal` for color encoding, and `axisBottom`/`axisLeft` for ticks. The SVG rendering includes custom axis labels, a title, and a legend built from the color scale domain.

Jjons288
71% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between total avocado volume and average price across years, with each circle colored by year (2016, 2017, or 2018) using a legend. The visualization uses D3 v5 with `scaleLinear` for axes, `scaleOrdinal` for color encoding, and `axisBottom`/`axisLeft` for gridlines. Data comes from an external CSV file loaded via `d3.csv`, with SVG rendering for circles, axes, and labels, and styling applied through CSS.

Jjons288
71% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between total avocado volume and average price across years, with each circle colored by year (2016, 2017, or 2018) using a legend. The visualization uses D3 v5 with `scaleLinear` for axes, `scaleOrdinal` for color encoding, and `axisBottom`/`axisLeft` for gridlines. Data comes from an external CSV file loaded via `d3.csv`, with SVG rendering for circles, axes, and labels, and styling applied through CSS.

Jjons288
71% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between the total volume of avocados sold and their average price, with each point representing a weekly observation from 2016 to 2018, colored by year. The visualization uses D3 v5's scaleLinear, axisBottom, axisLeft, and scaleOrdinal APIs within an SVG rendering. Data is loaded from a CSV file containing Hass Avocado Board pricing information, processed by converting string values to numbers and normalizing volume to millions. The chart includes axes with grid lines, a title, and a legend indicating the color mapping for each year.

Jjons288
70% match