TEC SDPA Map Data

100%

TEC SDPA Map Data

✓ Published0🌍 Public

Last edited Sep 19, 2019

Created on Sep 19, 2019

This visualization maps the boundaries of Massachusetts elementary, secondary, and unified school districts, colored by district type. It uses D3.js with `d3.geoPath` to render GeoJSON and TopoJSON data, projecting the geographic coordinates onto the screen. The map is accompanied by a legend and interactive tooltips that display district names when hovering over each polygon. Data comes from the TEC SDPA Map, converted from KML and simplified using MapShaper.

AI-generated description

This dataset contains geographic boundaries for Massachusetts school districts.

Original dataset: TEC SDPA Map.

Converted to GeoJSON using MyGeoData.

Converted to TopoJSON and simplified using MapShaper.

Similar vizzes

Loading thumbnail…

Mass School District Boundaries

This example displays the boundaries of Massachusetts school districts as a light gray-and-teal choropleth map. It loads TopoJSON data from a GitHub gist and converts it to GeoJSON features using the TopoJSON library. The map is rendered in SVG with React, and the D3 geoPath and geoIdentity projection with reflectY flip the coordinates to orient the state correctly. The visualization focuses on crisp geographic outlines without additional thematic encoding, serving as a base layer for potential district-level analysis.

EErik Erickson

81% match

Loading thumbnail…

Mass Map 2

This map displays Massachusetts school districts as geographic regions, using an equal Earth projection to draw each district boundary. The visualization loads TopoJSON data from a GitHub source, then converts it to GeoJSON using the `feature` function before rendering paths with `d3.geoPath`. The map is built with React components and D3 v5, with SVG paths styled using teal strokes and fills from the associated CSS file.

Wwenleicao

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

79% match

Loading thumbnail…

Mass School District Boundaries

This map shows Massachusetts school district boundaries as a set of geospatial paths. The visualization uses `d3.geoPath` with a `geoIdentity` projection reflected on the Y-axis to render the downloaded TopoJSON data. The React component loads the district features via `useMassGeo`, which converts TopoJSON to GeoJSON using the `feature` function from `topojson`. The SVG paths are drawn with a gray fill and dark teal stroke, scaled to fit a 960 by 500 viewport using `projection.fitExtent`.

Ddavid-cv2

78% match

Loading thumbnail…

Mass School District Boundaries

Ddavid-cv2

78% match

Loading thumbnail…

Mass School District Boundaries

This example displays the boundaries of Massachusetts school districts as a static SVG map. The visualization renders geographic features using `d3.geoIdentity` and `d3.geoPath`, with TopoJSON data converted via the `feature` function. The map presents district outlines in a light gray fill with teal strokes, projecting the geographic coordinates to fit a 960 by 500 pixel viewport. The visualization is built with React and leverages `d3.json` to load the MassGeo dataset from a remote GitHub Gist.

CCurran Kelleher

78% match

Loading thumbnail…

Mass School District Boundaries

This example displays the school district boundaries of Massachusetts as an SVG map. The visualization uses a `geoIdentity` projection with `reflectY(true)` to correctly orient the geographic data, and `geoPath` to render the district polygons. Built with React and D3 v5, the map loads TopoJSON data from a local file and converts it to GeoJSON using the TopoJSON library's `feature` function. The map uses a gray fill with teal strokes for the district boundaries.

NNathion

78% match

Loading thumbnail…

Mass School District Boundaries

This example visualizes the boundaries of Massachusetts school districts as a static SVG map. The geographic data, loaded as TopoJSON and converted to GeoJSON, is rendered using `d3.geoPath` with a `geoIdentity` projection that flips the y-axis for correct display. The map fills the canvas, with each district path stroked in teal and filled with a light gray, while React manages the loading state and overall layout.

CCurran Kelleher

77% match