Andrew Petit

@apetit2·6 public vizzes

Fork of Stacked bar chart of Yelp data: top cities

The visualization displays the top food types in the top cities near Boston, excluding Boston itself, based on Yelp restaurant counts. It uses a stacked horizontal bar chart, with each city row segmented by cuisine type, rendered as SVG in D3. The chart employs `d3.scaleLinear` and `d3.scaleBand` for axes, and includes an interactive tooltip that reveals the specific food type and count on hover. Data is loaded from a CSV file, and the color scale is defined manually using `d3.scaleOrdinal`.

Oct 27, 2021

Loading thumbnail…

Loading Average Rent Prices Dataset

This example demonstrates loading a CSV file containing average U.S. rent prices from 2002 to 2022, then displaying a summary of the dataset as text. It uses `d3.csv` to parse the remote file and `d3.csvFormat` to calculate the file size in kilobytes, along with row and column counts. The message is rendered inside an HTML `<pre>` element with large font styling. If the fetch fails, the display shows a simple error message instead.

Oct 25, 2021

Loading thumbnail…

Fork of Character Radar Chart

This radar chart visualizes the attributes of the Marvel character Loki, including strength, intelligence, speed, durability, power, and combat, using data from a CSV file. The chart uses d3.scaleOrdinal for color and d3.csv to load and parse the data, while a custom RadarChart function draws the SVG polygon with circular grid lines. The visualization is built with D3 v5 and renders a static, single-character comparison, with a fixed character selection and no interactive menu functionality based on the provided code.

Oct 15, 2021

Loading thumbnail…

Minimum Wage Dataset Characteristics

This example displays the file size in kilobytes, row count, and column count of a minimum wage dataset loaded from a CSV file. It fetches the data from a GitHub gist using `d3.csv`, formats the raw text with `d3.csvFormat`, and calculates the size. The results are rendered as plain text inside a `<pre>` element styled at a large font size. The code uses D3 v5’s asynchronous loading and parsing APIs to handle the data retrieval and display.

Sep 28, 2021

Loading thumbnail…

Pacific Hurricane/Tropical Storm Characteristics

This example loads and parses a CSV file of Pacific hurricane and tropical storm records since the 1970s, reporting the dataset’s size in kilobytes, row count, and column count. The visualization itself is minimal: it uses `d3.csv` to fetch and parse the gist-hosted data, then displays the three statistics as text in a `<pre>` element. The code relies on D3 v5’s `csvFormat` and `data.length` to compute the summary, with a try/catch fallback message if the fetch fails.

Sep 28, 2021

Loading thumbnail…

Avocado Dataset Characteristics

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.

Sep 28, 2021