Scatterplot

100%

✓ Published0🌍 Public

Last edited Feb 6, 2020

Created on Feb 6, 2020

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.

AI-generated description

This bar chart shows the length of the 10 longest rivers in the world. Data is attributed to World Atlas.(https://www.worldatlas.com/articles/which-are-the-longest-rivers-in-the-world.html)

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Bar chart

This bar chart visualizes the relationship between years since earning a PhD and salary for university professors, using a circular mark per individual record. The scatterplot employs `d3.scaleLinear` for both axes with an `axisBottom` and `axisLeft` grid, while the data is loaded from a CSV file via `d3.csv`. The visualization applies `tickFormat` with `format(".2s")` for compact salary labels and includes a rotated Y-axis title.

BbeauMarko

87% match

Loading thumbnail…

P1 - Task 2

This visualization uses a scatter plot to show the relationship between years of service and salary for professors, with each circle’s size varying based on years since PhD. The data comes from a Salaries.csv file. Built with D3.js and rendered as an SVG, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` for loading data. Circle radius is set using `Math.sqrt(d.yrs_since_phd)`, and styling includes gray grid lines and steelblue semi-transparent points.

AAnita Tse

84% match

Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between years of service and salary for university professors. Each circle represents an individual, with its position determined by the `d3.scaleLinear` scales mapping the x-axis (years of service) and y-axis (salary in USD). The chart uses `d3.axisBottom` and `d3.axisLeft` for labeled axes, and a 1.2-second `transition` animation grows the circles from radius zero to their final size. The data is loaded from a CSV file and filtered to include only professors with more than two years of service.

BbeauMarko

82% match

Loading thumbnail…

Scatter plot using d3.js

This scatter plot visualizes the relationship between years of experience and salary, with each circle representing a data point from a CSV file loaded via d3.csv. The example uses d3.scaleLinear to map the data to x and y axes, with axis labels for both variables. Circles are appended to an SVG container with a fixed radius of 5 pixels and a teal fill, positioned using the scales. Axes are rendered with d3.axisBottom and d3.axisLeft, and the visualization uses d3.v6 in a simple HTML page.

Yyvarshachowdary@gmail.com

80% match

Loading thumbnail…

Interactive plot

An interactive scatter plot of the salaries dataset explores relationships among academic salary, years since PhD, and years of service using React and D3. Users select X and Y axes and filter data by rank, discipline, or sex through dropdowns. Hovering over the color legend highlights points matching that category, while other points fade. The visualization uses d3.scaleLinear scales, d3.scaleOrdinal color encoding, and crossfilter for data manipulation, rendering circles via SVG.

BBizmundo

80% match

Loading thumbnail…

Interactive plot

This interactive scatter plot explores the relationship between academic salaries and career attributes. Users can select X and Y axes from among salary, years since PhD, and years of service, while a filter dropdown controls the categorical color encoding by rank, discipline, or sex. Hovering over the color legend highlights points of that category and fades others. Built with React and D3 v5, it uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG circles rendered from the salaries dataset.

BBizmundo

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

76% match