Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MIT Technicolor Campus Map

Public visualization

Viewing a saved revision (read-only)

c6cb60cd76044bfebd35032ec7c35325

MIT Technicolor Campus Map

0 stars0🌍 Public
Ssingularity6033
Last edited Feb 26, 2020
Created on Feb 26, 2020

This visualization displays a colorful map of MIT campus buildings sourced from OpenStreetMap, with each structure filled using a categorical color scale based on its tags. The example uses D3 v4 and TopoJSON to load and render the geographic data as SVG paths via `d3.geoPath` with a Mercator projection, while `d3.zoom` enables interactive pan and zoom. The map is fitted to the browser window and redrawn on resize, and building colors are assigned by `d3.scaleOrdinal` with `d3.schemeCategory10`, with each path’s fill derived from the JSON-stringified property tags.

AI-generated description

Colorful exploration of buildings data from OpenStreetMap.

OpenStreetMap export of MIT campus area.

Exported from OpenStreetMap, then simplified and converted to TOPOJSON format using Mapshaper.