100%

PM2.5 by County

✓ Published0🌍 Public

Last edited Sep 10, 2020

Created on Sep 9, 2020

Forked from Loading and Parsing CSV Data

A minimal data-loading demonstration reports basic facts about a county-level PM2.5 dataset from 2000 to 2018. Using `d3.csv` to fetch a gist-hosted CSV file, it prints the file size in kilobytes, the total row count, and the number of columns into a large `<pre>` element via `d3.csvFormat` and `textContent`. The page also shows commented-out alternatives with `fetch`, `async`/`await`, and `d3.csvParse`, highlighting different ways to handle asynchronous data in D3 v5.

AI-generated description

Two Decades of Pollution in US

A dataset containing county-level annual mean PM2.5 concentrations from 2000 to 2018.

Source: https://github.com/maurosc3ner/uspm25_2000_2018

MIT Licensed

Similar vizzes

Loading thumbnail…

PM2.5

This example displays the size and structure of a PM2.5 global air pollution dataset. A large text message reports the file size in kilobytes, the number of rows, and the number of columns after loading the CSV. The code uses D3.js v5’s `d3.csv` method to fetch and parse the data from a GitHub Gist, then computes the metrics using `d3.csvFormat` and array properties. The data originates from a Kaggle dataset covering mean annual PM2.5 exposure for 240 countries from 2010 to 2017.

RRochelle

80% match

Loading thumbnail…

Loading data "PM2.5 Global Air Pollution 2010-2017" by Enze Liu

This example reads a CSV file of PM2.5 air pollution data for 240 countries from 2010 to 2017, then displays a simple summary of the dataset. It shows the file size in kilobytes, the number of rows, and the number of columns as large text on the page. The visualization uses only the d3.csv method from D3 v5 to load and parse the data, and it also includes commented-out alternatives using fetch with async/await and a nested promise approach. The data originates from a Kaggle dataset hosted on GitHub Gist.

Rrioto9858

78% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse three CSV datasets from GitHub Gists using D3 v5. It displays the file size in kilobytes, row count, and column count for each dataset—PM2.5 air quality data, bike rental records, and COVID-19 infection statistics—inside a styled `<pre>` element. The code uses the `d3.csv` method to fetch and parse each file, then `d3.csvFormat` to calculate the raw data size, and `data.length` and `data.columns.length` to report the dimensions. Results are appended incrementally as each promise resolves, with the final output rendered to the page.

SStefanZhang

77% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the relationship between U.S. county-level PM2.5 air pollution measurements from 2010 and 2018, using data from a raw GitHub-hosted CSV file. Each point represents a county, with positions mapped through D3’s `scaleLinear` and `extent` functions. The visualization uses D3 v7 to load the data via `csv`, filter rows with null values, and render circles in an SVG. Axes are generated using `axisLeft` and `axisBottom`, all embedded within a React-hosted HTML page that fills the viewport.

KKhanin Sisaengsuwanchai

73% match

Loading thumbnail…

Loading and Parsing CSV Data for Bee Colony Census Data by County

This example loads a CSV file of bee colony census data by county and displays a summary of its size in the browser, showing the file’s kilobyte count, number of rows, and number of columns in large text. It demonstrates both `d3.csv` for parsing and an alternative async/await approach with `fetch` and `d3.csvParse`. The data, sourced from Data World via a GitHub gist, contains agricultural district and colony value columns, but no chart is rendered—only the dataset’s structural metrics are presented.

Bbootshine2

72% match

Loading thumbnail…

PM2.5 For Selected Country

A line chart displays PM2.5 pollution trends for a selected country from 2010 to 2017, with country choices via a dropdown menu. The visualization loads CSV data from a Kaggle dataset and processes it with d3.csv, then renders an SVG using D3 v5’s scaleLinear, axisBottom, axisLeft, and line with curveBasis. A color legend, generated via a custom colorLegend function using scaleOrdinal and schemeCategory10, shows the selected country’s line color. React dropdown styling is referenced, though rendering relies directly on D3 selections.

Rrioto9858

72% match

Loading thumbnail…

PM2.5 For Selected Country

This interactive visualization displays PM2.5 air pollution trends for a user-selected country from 2010 to 2017, using data from a Kaggle dataset processed via D3’s `csv` loader. A dropdown menu built with React and D3 lets viewers switch countries, triggering an update that redraws a line chart with `d3.line` and `curveBasis`. The SVG rendering includes axes via `axisBottom` and `axisLeft`, a color legend via `scaleOrdinal` with `schemeCategory10`, and removes and rebuilds all groups on each selection change.

Iivaleehan

72% match

Loading thumbnail…

PM 2.5 Particle Change in US

This interactive choropleth map visualizes annual PM2.5 particle concentrations across US counties from 2000 to 2018. A slider and play button animate through years, updating county fill colors via d3.scaleSequential with interpolateYlGnBu. The visualization uses d3.geoPath with geoIdentity projection, TopoJSON county and state boundaries, and React state management for temporal navigation. County-level data comes from a CSV file, with hover tooltips showing exact values.

Mmandadi1999

71% match