P1 - Task 2 — VizHub

100%

P1 - Task 2

✓ Published0🌍 Public

Last edited Jan 29, 2020

Created on Jan 29, 2020

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.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

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

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

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

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

78% match

Loading thumbnail…

activity6-task-3

This example visualizes the relationship between employee experience and salary in a scatter plot. Each circle represents an employee, with the x-axis showing years of experience and the y-axis displaying salary, while the circle’s fill color encodes the number of projects handled using a sequential blue scale. It uses D3 v6 to load CSV data from a GitHub repository and render SVG elements with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` for color mapping.

Rrajeswariamruthabommaraju@my.unt.edu

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

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

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

76% match