Skip to main content
SimilarExport ZIP
100%

Teacher Salary vs Student Results

✓ Published2🌍 Public
445.saiful@gmail.com
Last edited Apr 6, 2026
Created on Apr 6, 2026

This interactive scatterplot shows the relationship between average teacher salary and high school graduation rates, with bubble size representing total student enrollment. School type is encoded through color, and hovering over a bubble reveals detailed information about the specific school. The visualization uses D3.js v7 with an SVG rendering approach, implementing scales via `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` for positioning, sizing, and coloring. Data is loaded from a local CSV file containing Massachusetts school information, with axes formatted using `d3.axisBottom`, `d3.axisLeft`, and `d3.format`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Teacher Salary vs Student Results2

This bubble chart explores the relationship between average teacher salary and graduation rates across Massachusetts schools, with each circle representing a school. The position encodes salary on the x-axis and graduation percentage on the y-axis, while circle area reflects total enrollment. Circle color uses a red-to-green sequential scale (`d3.scaleSequential` with `d3.interpolateRdYlGn`) to highlight graduation performance. The visualization is built with D3 v7, rendering SVG elements, and includes interactive tooltips on hover. Data comes from the MA_Schools.csv dataset, filtered to include only schools with valid salary and graduation values.

445.saiful@gmail.com
92% match
Loading thumbnail…

Per-Pupil Spending vs Academic Results

This visualization shows the relationship between per-pupil spending and high school graduation rates across Massachusetts schools. It uses a binned heatmap to display the density of schools within specific spending and performance ranges, where darker blue colors indicate a higher concentration of schools. The chart is built with D3.js (v7), using `d3.csv` to load data, `d3.scaleLinear` for axes, `d3.scaleSequential` with `interpolateBlues` for the color scale, and custom binning logic to aggregate data points into rectangles. Tooltips display the exact counts and ranges on hover. Data comes from the MA_Schools.csv file.

445.saiful@gmail.com
79% match
Loading thumbnail…

Per-Pupil Spending vs Academic Results2

This heatmap visualizes the relationship between per-pupil spending and graduation rates across Massachusetts schools, using data from the MA_Schools.csv dataset. It shows patterns of density through color intensity, with orange-to-red hues indicating higher concentrations of schools at specific spending and performance combinations. The visualization uses D3 v7 to bin data points into a 20×15 grid, then renders SVG rectangles colored via a sequential scale (d3.scaleSequential with interpolateOrRd). Interactive tooltips appear on mouseover, while axes display spending in dollars and graduation rates in percentages, with a legend implied by the color gradient.

445.saiful@gmail.com
78% match
Loading thumbnail…

Massachusetts Public School Data Analysis Project

This scatter plot shows the relationship between average class size and college attendance rates for Massachusetts public schools, with each point colored by the percentage of economically disadvantaged students at that school. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for both axes, `d3.scaleSequential` with the Plasma interpolator for the color scale, and `d3.axisBottom`/`d3.axisLeft` for the chart axes. Data is loaded from a CSV file using `d3.csv`, with a tooltip providing detailed information for each school on hover.

445.saiful@gmail.com
74% match
Loading thumbnail…

Teacher Wages

This chart compares the distribution of annual wages for elementary and high school teachers across U.S. states. Each state displays a box-and-whisker plot, with the box spanning the 25th to 75th percentile and the median shown as a central tick, while outer ticks mark the 10th and 90th percentiles. Two side-by-side panels allow direct comparison between the two occupations, and a radio button group at the bottom sorts states alphabetically or by either teacher type’s median wage. The visualization is built with D3 v3, using SVG for rendering and an animated transition when sorting changes. Data originates from the Bureau of Labor Statistics.

TThanaporn-sk
73% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot shows the relationship between average class size and in-district expenditures per pupil for Massachusetts public schools in 2017, using data from the MA_Public_Schools_2017.csv file. Each circle represents a school, with position determined by those two quantitative variables. The chart is rendered in SVG via D3 v4, using scale functions for the axes and a simple circle-based encoding. The visualization highlights the distribution and potential correlation between school spending and class size, with the grid of points making outliers and clusters visible at a glance.

HHawkinsJM
71% match
Loading thumbnail…

NYC High Schools

This visualization compares NYC high school graduation rates against attendance rates using a scatterplot, and it also includes a bar chart showing the number of students per school. The scatterplot uses `d3.scaleLinear` for both axes, with `d3.axisBottom` and `d3.axisLeft` for tick marks, and circles jittered slightly to reduce overplotting. Hovering over a circle highlights all schools in the same neighborhood. The bar chart uses `d3.scaleBand` for its y-axis and `d3.scaleLinear` for the x-axis. Data is loaded as CSV from NYC Open Data, and the visualization is rendered as SVG with D3 v7.

Yyixual5
70% 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
69% match