WHO Global Urban Ambient Air Pollution Data

100%

WHO Global Urban Ambient Air Pollution Data

✓ Published0🌍 Public

Last edited Sep 27, 2019

Created on Aug 31, 2019

Forked from Loading and Parsing CSV Data

This example loads the WHO Global Urban Ambient Air Pollution database, a CSV file with 3,628 records and 11 columns, and displays file size and dataset dimensions as plain text. It uses d3.csv to fetch and parse the remote CSV, then reports the byte count of the formatted data and the row and column totals. The page also includes commented-out alternatives using fetch with async/await and a nested promise chain, illustrating different approaches to loading CSV data in D3 v5.

AI-generated description

WHO Global Urban Ambient Air Pollution Data

Gist

Description: WHO Global Urban Ambient Air Pollution Database

Attributes: “City”, “Year”, “PM2.5 Annual Average”

Number of records: 3628

Size of the file: 592KB

Format: CSV

Questions:

Which city has the worst air condition? Which country has the most cities with air pollution?
How did the air condition changed in several specific cities such as Boston and Beijing?

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3.js, displaying the file size, row count, and column count of the dataset. It uses `d3.csv` to fetch and parse the local `beijing.csv` file, which contains air quality measurements. The parsed data is then processed with `d3.csvFormat` to calculate the size, while `data.length` and `data.columns.length` provide the row and column counts. The result is displayed as large text in a `<pre>` element, highlighting the simplicity of D3’s data-loading API. An alternative approach using `fetch` and `d3.csvParse` is also included as commented code.

JJunyanL

77% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates loading and parsing CSV data by displaying key statistics about the Global Obesity Rates 2014 dataset. It uses d3.csv to fetch the remote CSV file, then reports the file size in kilobytes, the number of data rows, and the number of columns in a large pre-formatted text element. The code also includes commented alternatives using fetch with async/await and d3.csvParse, as well as a nested promise chain, highlighting different approaches to asynchronous data handling in D3 v5.

Yyyaaa1

77% 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

76% 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

75% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL, displaying summary statistics about the dataset. It uses d3.csv to fetch the CSS Named Colors data, then reports the file size in kilobytes, the number of rows, and the number of columns. The code includes commented alternatives using fetch, async/await, and d3.csvParse, along with a nested promise example, to illustrate different approaches to handling asynchronous data loading. The final result appears as large text in a pre element.

PPhilippe Rigovanov

73% match

Loading thumbnail…

Loading data with D3

This example demonstrates how to load and inspect a remote CSV dataset using D3. It fetches a tidy version of the Anscombe’s quartet from a GitHub gist and displays three summary metrics in large text: the file size in kilobytes, the number of rows, and the number of columns. The code uses `d3.csv` to asynchronously parse the data, `d3.csvFormat` to calculate the raw size, and the `data.length` and `data.columns.length` properties to report the dataset’s dimensions.

Rrvdv

72% match

Loading thumbnail…

World Population Data

This example displays basic metadata about the world population dataset from 1960 to 2020, including its file size, row count, and column count. The visualization itself is minimal, showing only these statistics in a large text element. The code loads the CSV data using D3 v5’s `d3.csv` method, then calculates and displays the dataset’s size using `d3.csvFormat` and the built-in `data.length` and `data.columns.length` properties. It also includes commented-out alternatives using the Fetch API and `d3.csvParse`.

RRochelle

72% match

Loading thumbnail…

Load and Parse CSV

This example demonstrates loading and parsing a CSV file from a remote URL, then displaying basic dataset statistics as plain text. The program uses d3.csv to fetch and parse a named-color table, then reports the row count, column count, and approximate file size using d3.csvFormat to measure the formatted data. The page’s HTML pre element updates with these three values. It also includes commented alternatives using async/await with fetch and d3.csvParse, as well as nested promise callbacks, illustrating different approaches to asynchronous CSV handling.

Aavcwisesa

72% match