Earnings and Education

100%

Earnings and Education

✓ Published0🌍 Public

Last edited Sep 27, 2021

Created on Sep 5, 2021

Forked from Loading and Parsing CSV Data

This example displays the file size, row count, and column count of a CSV dataset on earnings and education from Stock and Watson (2007), using data from the March Current Population Surveys. It loads the data with d3.csv and renders the summary statistics as text in a large <pre> element. The code also includes commented alternatives using fetch with async/await and a nested promise chain to illustrate different parsing approaches.

AI-generated description

A program that loads and parses some CSV data: Earnings and Education.

Stock and Watson (2007) provide several subsets created from March Current Population Surveys (CPS) with data on the relationship of earnings and education over several year.

References:

Stock, J.H. and Watson, M.W. (2007). Introduction to Econometrics, 2nd ed. Boston: Addison Wesley.

Original data source: https://rdrr.io/cran/AER/man/CPSSW.html

Variables:

age: age in years.
gender: factor indicating gender.
earnings: average hourly earnings (sum of annual pretax wages, salaries, tips, and bonuses, divided by the number of hours worked annually).
education: number of years of education.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It fetches the FreeCodeCamp GDP dataset, converts it to a string, and displays summary statistics including file size in kilobytes, number of rows, and column count. The code uses both `d3.json` with callback syntax and commented alternatives featuring `fetch`, async/await, and `d3.csvParse`. The rendered output appears as large text in a `<pre>` element, highlighting the data parsing process without any visualization.

SSeanCline213

77% match

Loading thumbnail…

student

This visualization displays a summary of a student performance dataset, showing the file size, row count, and column count as prominent text. The page fetches a CSV file from a GitHub repository using the Fetch API, parses it with d3.csvParse, and dynamically updates the HTML to present the computed statistics. The description emphasizes the data's scale before explaining the loading and parsing workflow.

Bbharathavulapati@gmail.com

76% match

Loading thumbnail…

student

This example displays the file size, row count, and column count of a CSV dataset about sleep quality and productivity. It loads the data from a GitHub gist using `d3.csv`, then calculates the formatted data length in kilobytes with `d3.csvFormat`. The resulting summary is rendered as plain text inside a `<pre>` element, styled with a green background, while the page title uses a yellow heading. The visualization is purely textual, providing a quick metadata overview without any charts or graphs.

VVignesh Nallamothu

76% match

Loading thumbnail…

Loading and Parsing CSV Data: College Scorecard Data

This example demonstrates loading and parsing a CSV file from the College Scorecard dataset, displaying the file size in kilobytes, the number of rows, and the number of columns as large text. It uses the D3.js library (v5) and its `d3.csv` method to fetch and parse the remote CSV data asynchronously. The code also includes commented-out alternatives using `fetch`, `async`/`await`, and `d3.csvParse`, as well as a pyramid-of-doom nested fetch approach. The data is sourced from a GitHub-hosted CSV of selected Department of Education variables.

JJCarpenter-WPI

75% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v7, displaying summary statistics including file size, row count, and column count. It uses the `d3.csv` method to fetch and parse the remote dataset, while `d3.csvParse` and `d3.csvFormat` handle conversion between parsed objects and formatted text to calculate the file size in kilobytes. The output is rendered into a large `<pre>` element, and the code also includes an alternative `fetch` and `response.text()` approach shown in comments.

Ttotallynormalpeep

75% match

Loading thumbnail…

Loading and Parsing CSV data

This example demonstrates how to load and parse CSV data with D3.js, displaying summary statistics about the dataset in a large-format text element. It fetches a remote CSS named-colors CSV file via d3.csv and reports the file size in kilobytes, row count, and column count. The visualization also includes commented-out alternative approaches using fetch, async/await, and d3.csvParse, showing different methods for handling CSV data. The output is rendered as plain text within an HTML pre element styled with a 7em font size, making the metadata the sole focus of the display.

DDrew Dudley

75% match

Loading thumbnail…

Loading Parsing CSV Data

This example demonstrates how to load and parse a CSV file, displaying file size, row count, and column count on a webpage. It uses d3.csv to fetch a remote dataset from a GitHub gist raw URL, then formats the results with d3.csvFormat to calculate kilobytes. The page also includes commented-out code showing an alternative approach using fetch, async/await, and d3.csvParse. A large pre element displays the final statistics as text.

RRaphael Fogha

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

75% match