Skip to main content
SimilarExport ZIP
100%

Teacher Salary vs Student Results2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Teacher Salary vs Student Results

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`.

445.saiful@gmail.com
92% 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
81% 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
80% 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
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…

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

Massachusetts Rention Rates by year and quartile 10/31/2019 final

This visualization maps Massachusetts school district student retention rates, overlaying circles scaled by quartile value onto a geographic outline of the state. Interactive dropdown menus filter the displayed data by retention quartile and academic year, revealing potential geographic patterns over time. The map renders with `d3.geoAlbers` and `d3.geoPath`, while point radii use `d3.scaleSqrt`. Data from the Massachusetts Department of Elementary and Secondary Education is loaded via `d3.json` and `d3.csv`, and the interface is built with React and `react-dropdown`.

EErik Erickson
67% match
Loading thumbnail…

Massachusetts Retention w/ Menu and Interactive Color Legend

A scatter plot of Massachusetts school district retention data shows relationships between attendance metrics, where dropdown menus select the X, Y, and circle-size attributes, and an interactive color legend filters data by year. The visualization uses React with D3 v5 scales to map data to SVG circles, which include tooltips displaying X values. Hovering over the color legend dims unrelated years while highlighting the selected one, revealing how retention rates correlate across different school districts and time periods.

JJerfaas
66% match