Project prototype 10/17

100%

Project prototype 10/17

✓ Published1🌍 Public

Last edited Nov 8, 2018

Created on Oct 14, 2018

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.

AI-generated description

This scatter plot shows basic earning and labor force information about workers graduated from various majors. The data was collected and summarized by FiveThirtyEight.

MIT Licensed

Similar vizzes

Loading thumbnail…

Project 10/31

This interactive scatter plot visualizes earnings and labor force data for college majors, sourced from FiveThirtyEight. The visualization uses D3.js to render SVG circles, with a dropdown menu to select the y-axis variable. A color legend allows filtering by major category, and hovering over points reveals a tooltip. The plot uses animated transitions when data changes, and circles are jittered to reduce overplotting.

KKeerthiKandadai

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

89% match

Loading thumbnail…

Project 10/31

A scatter plot uses a dropdown menu to compare different earning and labor force metrics for college majors from FiveThirtyEight data. Colored circles represent major categories, while a clickable legend filters points by STEM status. SVG elements animate into place using D3 transitions. The implementation relies on D3 scales, axes, and selection methods, with tooltips displaying major names on mouseover.

YYF

88% match

Loading thumbnail…

Fork of Project 10/31

This interactive scatter plot visualizes college majors by employment earnings and gender distribution, drawing on FiveThirtyEight data. Users can select different y-axis metrics via a dropdown menu, and circles are colored by major category. Clicking a color legend category filters the display, while the initial view jitters circles to reveal overlapping points. The visualization uses d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.scaleOrdinal, rendering as SVG with animated transitions.

66mandati6

88% match

Loading thumbnail…

Fork of Project 10/31

This scatter plot visualizes earnings and labor force data for college majors, sourced from FiveThirtyEight. It uses d3.scalePoint and d3.scaleLinear for axes, with d3.scaleOrdinal for color encoding by major category and a custom stem legend for STEM classification. A dropdown menu, built with d3, lets users select different y-axis metrics, while clicking legend items filters and highlights points. SVG circles animate with d3.transition, and tooltips display major names, all rendered via d3-selection.

NNarayana Reddy

86% match

Loading thumbnail…

Project 10/31

This scatter plot shows labor force statistics for college graduates across different majors, with each point representing a major and colored by category. Users can switch the y-axis metric via dropdown and click the STEM legend to highlight STEM majors with enlarged, repositioned points. The visualization uses D3 v5 with SVG rendering and animated transitions, pulling data from FiveThirtyEight. Interactive tooltips display major names on hover, while color legends allow filtering by major category and STEM status.

WW9183907

86% match

Loading thumbnail…

Fork of Fork of Project 10/31

This interactive scatter plot displays the relationship between college majors and the male workforce share, with each circle representing a major. Users can toggle between earning and labor force attributes via a dropdown menu, while a categorical color legend filters the data by major category. The visualization animates circle positions using D3 transitions and includes a tooltip for on-hover details. Built with D3 v5, the SVG uses `scalePoint` and `scaleLinear` for axes, and `scaleOrdinal` for color mapping. Data comes from a CSV file summarizing FiveThirtyEight’s college-majors dataset.

NNarayana Reddy

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

85% match