Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MIT Technicolor Campus Map

Public visualization

Viewing a saved revision (read-only)

0fb7809f059a4364803d2faa174bbdf5

MIT Technicolor Campus Map

0 stars0🌍 Public
JJovenne Naldrey Sapuay
Last edited Sep 4, 2019
Created on Sep 4, 2019

This map of the MIT campus displays buildings as colorful, semi-transparent polygons, with each color assigned to a unique set of building properties from OpenStreetMap. The visualization is rendered using SVG through D3.js v4, employing `d3.geoMercator` for projection and `d3.geoPath` to draw shapes from TopoJSON data. Users can pan and zoom interactively via `d3.zoom`, with the viewport initially centered and scaled to the campus. A sequential color scheme from `d3.schemeCategory10` differentiates the structures.

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.