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

100%

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

✓ Published0🌍 Public

Last edited Oct 31, 2019

Created on Oct 31, 2019

Forked from Mass School District Boundaries

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

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.

This visualization is to provide insight about geographical patterns to retentin rates. Are they centered around urban areas, rural, etc. Users can use the menu to get a better understanding of pattens through time.

MIT Licensed

Similar vizzes

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

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

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

82% match

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

82% match

Loading thumbnail…

Massachusetts Retention compared to Chronically Absent Rates with Menus

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.

EErik Erickson

82% match

Loading thumbnail…

Massachussets

This example visualizes Massachusetts school districts as a choropleth map, with each town randomly assigned one of three colors from a categorical scale. The geographic boundaries are rendered using a conic conformal projection through `d3.geoPath`, while React manages the component structure. Data is loaded from a local TopoJSON file containing town boundaries, and the color mapping is applied via `d3.scaleLinear`. The map is displayed as SVG paths with black strokes highlighting district borders.

11993-INDALKAR

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

73% match

Loading thumbnail…

Mass School District Boundaries

This visualization maps school district boundaries across Massachusetts using a topojson-derived GeoJSON dataset. Built with React, the app loads geographic data via d3.json and converts it with topojson.feature, then renders each district path using d3.geoPath. The map uses an inverted y-axis via geoIdentity’s reflectY method, with districts drawn in flat gray and teal strokes against a 960x500 SVG canvas.

Jjessand4

72% match