Skip to main content
SimilarExport ZIP
100%

Prototype-scatterplot

✓ Published0🌍 Public
YYF
Last edited Oct 15, 2018
Created on Sep 26, 2018
Forked from HW Scatter Plot

This scatterplot visualizes the relationship between total graduate students and the number employed, using data from a CSV file. It reveals little correlation between the two variables, as points are widely dispersed. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and SVG circles for data points. Axes labels and a title are added via SVG text elements, with tick formatting applied through `format('.2s')`. The data comes from the VizHub-hosted graduate students dataset.

AI-generated description

This scatter plot shows data about various candy brands, from https://fivethirtyeight.com/features/the-ultimate-halloween-candy-power-ranking/. The visualization basically shows that there is not much relationship between the sugar contain and the candy price.

MIT Licensed

Similar vizzes

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
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
76% match
Loading thumbnail…

Scatterplot

A scatterplot of professors' salaries versus years since PhD, rendering each professor as a semi-transparent blue circle in an SVG. It shows the relationship between academic seniority and compensation using data from a CSV file. The visualization uses d3.scaleLinear for both axes, with d3.axisLeft and d3.axisBottom to add labeled axes, and includes a title and axis labels. Data is parsed from CSV, with numeric fields converted to numbers before plotting.

Tthomaslarkin7
73% match
Loading thumbnail…

Data Visualization Assignment 3

This interactive scatterplot explores relationships between attributes of college majors, such as total graduates, gender distribution, employment numbers, and median salary. Users select the X and Y axes from dropdown menus or swap them, and hovering over the categorical color legend highlights a specific major category. Built with React and D3 v6, the visualization renders SVG circles positioned by linear scales, with a color legend encoding major categories. Data is loaded from a FiveThirtyEight CSV, which is processed with D3's `csv` function.

HHowardHan99
72% match
Loading thumbnail…

Final Project

This example visualizes labor force information for college graduates, filtering the data by major category and STEM status. The main chart is an animated scatter plot, where the y-axis is categorical and the x-axis is a selected numeric measure. Users can interact by changing the x-axis through a dropdown menu and clicking legend items to filter the data and a supporting table. The visualization is built with D3 v5, using SVG and transitions for the animation. Legend selection triggers an update to the data table, and a tooltip appears on mouseover. The rendering also applies a mix-blend mode to the circles, and the dataset is loaded from a CSV file.

YYF
72% match
Loading thumbnail…

Scatterplot

This scatterplot shows the relationship between years since PhD and salary for professors, with each circle representing an individual. The visualization uses D3 v5 (d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to map the data from a CSV file onto an SVG canvas. Data is attributed to a professor salary dataset, with axes labeled "Years Since PhD" and "Salary." The title, gridlines, and circle opacity enhance readability of the distribution across academic ranks.

Mmmustafau
72% match
Loading thumbnail…

Fork of Assignment 5 Bubble Plot D3

This animated scatter plot visualizes student enrollment trends across different degree types—bachelor's, master's, PhD, and jobs—tracking the number of students going abroad over time. The visualization cycles through each category every two seconds, updating both the data and the symbol shape (circle or square) to represent the current category. Built with D3 v3, the reusable `scatterPlot` function manages scales, axes, and transitions, while the main script loads CSV data from a GitHub gist and drives the animation loop using `setTimeout`.

Ssagamreddy929@gmail.com
72% 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
72% match