Fork of first

100%

✓ Published0🌍 Public

Last edited Apr 24, 2026

Created on Apr 24, 2026

Forked from first

This visualization compares early career pay against mid career pay for the top eight universities by mid-career salary, with circle size representing absolute salary growth and color encoding the university’s state. Data is loaded as CSV from a GitHub repository via `d3.csv`, then filtered, sorted, and sliced. The SVG chart uses `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble size, and `d3.scaleOrdinal` for categorical state colors, rendered through D3 v7 with axes, tick formatting, and an interactive tooltip.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

second

This scatterplot compares early career pay and mid career pay for the top eight universities by mid-career salary. Each circle represents a university, with x- and y-axes showing the two salary figures, circle size encoding salary growth, and color representing the university’s state. The visualization is built with D3 v7, using `d3.csv` to load data from a GitHub-hosted CSV file, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.scaleSqrt` for scales, and SVG rendering with an HTML tooltip for interactivity.

Hh.harrycoding@gmail.com

85% match

Loading thumbnail…

Fork of Circles with D3

This visualization presents salary data as a heatmap, using color intensity on a linear scale from light gray to blue to represent salary amounts in US dollars across job titles and company sizes. The SVG chart employs D3 v7 with `scaleBand` for the categorical axes and `scaleLinear` for the color mapping. Hovering over individual rectangles triggers a tooltip displaying the exact salary value, while a legend with axis ticks and color rectangles provides a visual reference for the salary scale.

MMonish Galla

75% match

Loading thumbnail…

Scatter Plot Data Viz Final

This scatter plot compares starting median salary against mid-career median salary for various colleges, with each dot colored by school type (e.g., public, private). It uses D3 v7 with SVG rendering, implementing linear scales for both axes, an ordinal color scale, and a legend mapping school types to colors. Interactive tooltips appear on hover, showing the school name, both salaries, and school type. Data comes from a CSV file loaded via `d3.csv`, and the visualization includes labeled axes and a title.

SShazil Taqi

74% match

Loading thumbnail…

Fork of Fork of Circles with D3

This bubble chart visualizes the relationship between salary and employee residence place, with bubble size representing population and color indicating job title. It is rendered as an SVG using D3 v7, employing `d3.scaleLinear` for axes, `d3.scaleSqrt` for radius encoding, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. The chart includes interactive tooltips on circle hover, axis labels, and a categorical legend. Data comes from merged JSON containing salary, population, and job title information.

Ssanjanadadi19@gmail.com

74% match

Loading thumbnail…

Lollipop Chart

This lollipop chart compares the yearly pay gap between the lowest, median, and highest paid employees at five universities. Hovering over circles displays the specific salary values. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleBand` for categorical y-axis positioning, `d3.scaleLinear` for the salary x-axis, and `d3.line` generators for the connecting stems and grid lines.

TThanaporn-sk

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

73% match

Loading thumbnail…

Fork of chart 2

This interactive scatter plot visualizes the relationship between wage and potential ratings, with each circle representing a data point colored by wage value. The visualization includes hover tooltips displaying exact values, click interactions that enlarge points and show details, and buttons to reset the zoom or filter for potential values above 70. The chart uses D3 v7 with d3.scaleLinear for axes, d3.scaleSequential with the Viridis interpolator for colors, and d3.select transitions for smooth animations. Data loads from a CSV file into SVG circles rendered on a white background.

Ssriharshithaanugu5@gmail.com

73% match

Loading thumbnail…

Fork of Fork of Fork of scatter plot

A forked D3.js v7 scatter plot visualizes the relationship between Math and Science scores for students in a CSV dataset, with points colored by academic department. It uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Points are rendered as SVG circles with hover tooltips, alongside a legend identifying departments.

Ssainishanthreddyk@gmail.com

73% match