Datavis 2020 Assignment 2 - (Tutorials 12, 13 and 15)

100%

Datavis 2020 Assignment 2 - (Tutorials 12, 13 and 15)

✓ Published1🌍 Public

Last edited Jul 2, 2020

Created on Jul 1, 2020

This example demonstrates how to load and summarize a CSV dataset of US births from 1994–2014, reporting the row count, column count, and file size in kilobytes. The visualization uses d3.csv to fetch and parse the data, then displays the summary in an HTML pre element. The code also includes commented alternatives using the Fetch API with async/await and d3.csvParse, as well as an older nested-fetch pattern. The data merges CDC, NCHS, and SSA sources, with 2000–2003 values averaged between datasets.

AI-generated description

A program that loads and parses US Births 1994-2014 by day (CDC, NCHS & SSA).

Based on data sourced at fivethirtyeight. This is stored in two different datasets from two sources so I've merged them together and added a few columns. 2000-2003 data is slightly different between the two sources so has been averaged.

This was used by the authors to figure out whether children were less likely to be born on a Friday 13th as this is considered an unlucky combination of day of week and date of month in certain cultures. It follows that a dataset like this could be used to test a range of other PESTAL hypothesis that may influence the times of the year that are popular or unpopular for births.

Tutorial Sources:

Documentation:

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing US birth 2000-2014 CSV Data

This example displays summary statistics about a US birth dataset from 2000 to 2014, showing the file size, row count, and column count in a large text element. The visualization uses `d3.csv` to asynchronously fetch and parse the CSV from a GitHub Gist URL, then `d3.csvFormat` to calculate the data’s byte size. It reports that the dataset contains a specific number of rows and columns, highlighting the parsed structure without plotting the data itself.

BBizmundo

78% match

Loading thumbnail…

Datavis 2020 Episode 15 - Parsing CSV Data with D3

This example shows the size and structure of a CSV dataset by displaying its kilobyte size, row count, and column count as large text. It loads a remote CSV file containing CSS named colors using d3.csv, which parses the data asynchronously. The code also includes an alternative commented-out approach using the Fetch API with async/await and d3.csvParse to achieve the same result. The displayed values are generated by d3.csvFormat to measure the data length, plus data.columns to count columns.

RRichard Burd

75% match

Loading thumbnail…

Loading COVID-19 Vaccine CSV Data

This example demonstrates how to load and parse a CSV dataset of US state-level COVID-19 vaccination records, covering daily updates from April through September 2021. It displays the file size in kilobytes, row count, and column count. The code uses D3 v5’s `d3.csv` method to fetch and parse the data, then accesses `data.length` and `data.columns` to summarize the dataset. Alternative approaches using `fetch`, `async/await`, and `d3.csvParse` are also shown in commented-out sections.

PPeter VanNostrand

74% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates loading and parsing a CSV dataset of COVID-19 vaccination trends in the US, displaying a summary of the data‘s size, row count, and column count. The visualization uses d3.csv to fetch and parse the data from a GitHub Gist, then formats the statistics with d3.csvFormat. The code also includes commented-out alternatives using the Fetch API with async/await and d3.csvParse, illustrating different approaches to asynchronous data loading in D3 v5.

Ccshm407

73% match

Loading thumbnail…

Dataviz 2020_Ep15 - 9. Loading and Parsing DSV Data with D3

This example demonstrates how to load and parse a remote CSV file, displaying the file size, row count, and column count from the cssNamedColors dataset. The code uses `d3.csv` to fetch and parse the URL, then `d3.csvFormat` to measure the data’s text size. It also includes commented alternatives using `fetch` with `async/await` and `d3.csvParse`, illustrating multiple parsing approaches with D3 v6. Results appear in a large `<pre>` element.

MMinwoo Pak

73% match

Loading thumbnail…

DATA VISUALIZATION

This example displays a text summary of a population dataset from the 2018 United Nations World Population Prospects, presenting the file size, row count, and column count in a terminal-style black-and-green interface. It loads a CSV file from a GitHub gist using the `d3.csv` method, then computes the data’s size in kilobytes with `d3.csvFormat` and appends the tabular dimensions to a `<pre>` element. The visualization relies on D3 v5 and demonstrates basic data loading, formatting, and DOM manipulation.

Aajaysonu

73% match

Loading thumbnail…

Data Visualization Short Presentation Task8

This example loads a CSV dataset and computes the average age of children per country, displaying the result as a JSON summary using D3’s `flatRollup` and `sum`. The code demonstrates asynchronous data fetching with `fetch`, parsing via `csvParse`, and type coercion of numeric fields. It uses D3 v7 for data aggregation and DOM updates, selecting a container to render the computed summary as preformatted text. The visualization highlights a simple data-processing pipeline without graphical charts, focusing on aggregation logic and state management.

Aanith462@gmail.com

72% match

Loading thumbnail…

Loading CSV Data with D3

The visualization demonstrates how to load and inspect CSV data using D3, displaying a decorative SVG pattern of black bars above a text label. It uses `d3.csv` to asynchronously fetch the `Data_InfantMortalityRate.csv` file, which contains infant mortality rates for EU and EFTA countries from 1960 to 2012. The loaded data is parsed into an array of JSON objects and logged to the browser console, while the static SVG shapes serve as a visual placeholder.

CCatLeal

72% match