Skip to main content
SimilarExport ZIP
100%

Grad_Students Data Table Summary

✓ Published1🌍 Public
YYF
Last edited Sep 26, 2018
Created on Sep 6, 2018

This example presents a terminal-style summary of graduate student earnings and labor force data from FiveThirtyEight’s “Economic Guide to Picking a College Major.” The visualization displays the dataset’s row and column counts, its size in kilobytes, and the first ten rows as formatted JSON. Using d3.csv to load the data and d3.csvFormat to calculate size, it renders the output as ASCII text in a black page with green monospace styling. The code relies on D3 v5’s selection, CSV parsing, and formatting utilities.

AI-generated description

This data is about basic earnings and labor force information of graduate students broken down by programs in the US between 2010-2012.

This data comes from a story by FiveThirtyEight The Economic Guide To Picking A College Major.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dataset 2 Graduate Admission

This example fetches a CSV file of graduate admission data and displays a plain-text summary of its size and structure, including file size in kilobytes, row count, and column count. The visualization is minimal, serving as a data-loading diagnostic rather than a graphical chart. It uses the `d3.csvParse` method from D3 v5 to parse the remote CSV, and the `fetch` API to retrieve the text from a GitHub Gist URL. The parsed data’s `length` and `columns.length` properties are accessed to generate the summary text, which is rendered inside a `<pre>` element.

ZZG
77% match
Loading thumbnail…

Project prototype 10/17

This interactive scatter plot visualizes earnings and labor force data for college graduates by major, sourced from FiveThirtyEight. Users select X and Y axes from dropdown menus, exploring relationships between variables like median salary and unemployment rate. Circles are colored by major category with a clickable color legend that filters selections. The visualization uses d3.csv, d3.scaleLinear, axis generators, and SVG animations with transitions, rendering interactively within a single-page d3.v5 application.

YYF
75% match
Loading thumbnail…

Earnings and Education

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.

JJunying Li
75% 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
75% match
Loading thumbnail…

prototype scatterplot

This prototype scatterplot visualizes the correlation between total graduates and median salary for 173 graduate programs, with points colored by major category using d3.scaleOrdinal. The code loads CSV data via d3.csv, applies d3.scaleLinear for both axes, and renders SVG circles with axis labels and gridlines via d3.axisLeft and d3.axisBottom. A legend enables interactive filtering by category through click events that adjust circle opacity. Data originates from FiveThirtyEight’s college majors dataset, and the chart uses d3.v5 with an SVG rendering approach.

YYF
74% match
Loading thumbnail…

Project 10/31

This scatter plot visualizes earnings and labor force statistics for college graduates across different majors, using data from FiveThirtyEight. Users can change the y-axis metric via a dropdown menu, and click legends to filter by major category or STEM status, which animates point positions and opacity. Built with D3 v5, it uses `scalePoint`, `scaleLinear`, and `scaleOrdinal` for scales, plus `transition().delay()` for staggered animations. Circles are colored by major category, with tooltips showing major names on hover.

KKeerthiKandadai
74% match
Loading thumbnail…

HW Add a Menu

This interactive bar chart visualizes labor data for 16 graduate program categories from 2010–2012, sourced from FiveThirtyEight’s Economic Guide to Picking a College Major. A dropdown menu allows users to switch between metrics such as total graduates, median salary, and unemployment rate, instantly updating the bar heights with a smooth d3 transition. The visualization uses d3.scaleBand, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.csv to load and render the SVG, with the menu built via the custom dropdownMenu function.

WW9183907
74% match
Loading thumbnail…

Data Table Summary

This example displays a summary of an MLB team statistics dataset from 2013–2016, sourced from Statcrunch. It shows the total number of rows, columns, and file size in kilobytes, followed by the first ten rows of data formatted as JSON. Using D3 v5, the visualization loads the CSV data with `d3.csv` and `csvFormat`, then appends the summary and preview to the page as `pre` elements. The black background and green monospaced text evoke a terminal interface.

Wwangjonathan
73% match