Skip to main content
SimilarExport ZIP
100%

Massachusetts Public School Data Analysis Project

✓ Published1🌍 Public
445.saiful@gmail.com
Last edited Apr 6, 2026
Created on Apr 6, 2026
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Basic Scatter Plot

This basic scatter plot visualizes the relationship between two variables from the MA_Public_Schools_2017.csv dataset, with each point representing a school. Using D3 v4 with SVG rendering, the plot maps one metric to the x-axis and another to the y-axis, with axes automatically scaled from the data. The chart is intentionally minimal, focusing on showing the distribution and correlation of the selected variables across schools. The code from HawkinsJM loads the CSV and uses D3 scales to position circles, providing a straightforward example of how to construct a basic scatter plot with D3.

HHawkinsJM
75% match
Loading thumbnail…

D3 Scatter Plot - Boston Non Private Schools

This scatter plot maps the coordinates of non-public schools in Boston, with each circle representing a school’s location. Built with D3 v6, it loads CSV data from a GitHub gist and uses `d3.csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG. The plot fills the browser window, using the raw X and Y values from the dataset without additional encoding, and displays tick labels at 24 pixels for readability.

PPhilip Rago
74% match
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
74% 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
74% match
Loading thumbnail…

Massachusetts Retention w/ Menu and Interactive Color Legend

This scatter plot shows Massachusetts school district retention rates across multiple years, with dropdown menus to change the x-axis, y-axis, and circle-size attributes among attendance and absence metrics. An interactive color legend filters points by year on hover, dimming non-matching circles via opacity. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and SVG circles to render the data from a CSV loaded with `d3.csv`.

EErik Erickson
73% match
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
73% match