Skip to main content
SimilarExport ZIP
100%

Massachusetts Retention compared to Chronically Absent Rates with Menus

✓ Published1🌍 Public
EErik Erickson
Last edited Oct 3, 2019
Created on Oct 2, 2019

This interactive scatter plot shows Massachusetts school district retention rates in relation to chronic absenteeism, with three dropdown menus letting viewers compare different metrics on the x-axis, y-axis, and point size. The visualization uses d3.scaleLinear to map data values to pixel coordinates, with circles rendered as SVG marks whose radius corresponds to a selected attribute. Data is loaded from a CSV via d3.csv, and the React interface updates the axes and circle sizes dynamically when menu selections change, while tooltips display formatted values for each district.

AI-generated description

A scatter plot of Massaschusetts School Districts student retention with additional interactive menus.

The original dataset can be found here. This report presents data on grade retention rates in Massachusetts public schools. The Massachusetts Department of Elementary and Secondary Education defines a student retention as: a student who was reported to have repeated the grade in which he or she was enrolled during the previous school year.

MIT Licensed

Similar vizzes

Loading thumbnail…

Massachusetts Retention compared to Chronically Absent Rates

This scatter plot compares Massachusetts school districts’ chronic absenteeism rates on the x-axis with the number of student retentions on the y-axis, while encoding each district’s retention rate through circle radius. The visualization uses React to manage rendering and d3.scaleLinear for all three scales, generating an SVG with custom AxisBottom, AxisLeft, and Marks components. Data comes from the Massachusetts Department of Elementary and Secondary Education, loaded via d3.csv, and styled with opacity and a custom font.

EErik Erickson
91% 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
89% 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
88% match
Loading thumbnail…

Massachusetts Retention w/ Menu and Color Legend

This interactive scatter plot visualizes Massachusetts school district retention data, with dropdown menus controlling the x-axis, y-axis, and point size, while a color legend encodes the year. Built with React and D3.js, it uses SVG circles to represent districts, with axes generated from D3 scales and color encoded via a sequential ordinal scale. The data is loaded from a CSV file using D3’s `csv` function, and the interface relies on React state to update the chart dynamically.

EErik Erickson
88% 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
82% match
Loading thumbnail…

Massachusetts Student Attendance and Retention

This example displays the file size, row count, and column count of a Massachusetts student attendance and retention dataset. It highlights questions about district attendance, geographic absenteeism patterns, and correlations between retention and absenteeism. The code uses d3.csv to load remote CSV data from a GitHub gist and updates a pre element with the computed summary. It also demonstrates alternative approaches using fetch, async/await, and d3.csvParse, though those are commented out. The dataset originates from the Massachusetts Department of Elementary and Secondary Education.

EErik Erickson
75% match
Loading thumbnail…

Scatter Plot with Menus for Boston Housing Dataset

This interactive scatter plot explores correlations among variables in the Boston Housing Dataset, which includes 14 attributes such as crime rate, room count, and median home value. Users select any two variables from dropdown menus to map to the X and Y axes, while point color encodes proximity to the Charles River, size reflects pupil-teacher ratio, and 35% opacity reveals overlapping points. The visualization uses React with d3.scaleLinear and d3.scaleOrdinal for scaling, SVG for rendering, and fetches CSV data via d3.csv, with tooltips showing median home value.

Yyuzhang21
73% match
Loading thumbnail…

Interactive Scatter Plot for Boston Housing Dataset

This interactive scatter plot explores correlations among variables in the Boston Housing Dataset, with dropdown menus to select X and Y axes. Points encode Charles River proximity via color and pupil-teacher ratio via size. Hovering over legend items filters and highlights matching points by adjusting opacity (20%, 50%, 80%). Built with React and D3 v5, it uses `scaleLinear` for positioning and size, `scaleOrdinal` for color, and SVG rendering. Data is loaded via `d3.csv` from a GitHub-hosted CSV file.

Yyuzhang21
70% match