Ten and Taller

February 01, 2016

An interactive web map showing architecturally significant historic buildings in NYC

Project Link: Ten and Taller

Ten and Taller is part of an online and gallery exhibition for the Skyscraper Museum of NYC. The Musuem’s goal for the project was to honor the work of architect & historian Don Friedman, Structure in Skyscrapers: History and Preservation, in the form of an interactive map. The Museum staff digitized tabular data from Friedman’s book and traced the corresponding building footprints for each of the 249 structures using a digitized Bromley Atlas map from 1909. My job was to show the footprints on both a historic and modern day map (the latter was designed by the Museum) and to create interactions such as popups that display data from the Friedman book as well as historic photos of the building. To accomplish this I had to create the map tiles for the basemap layers, as well as generate the GeoJSON overlay of the footprint data. Another requirement was for the UI to enable the user to filter which buildings are displayed by their year built via a slider. There is an animation on page load demonstrating this as well. The screenshots below are from a working prototype.

Technologies Used: - Leaflet.JS - D3.JS - GeoJSON - MAPublisher

ten-taller01.png ten-taller04.png ten-taller02.png ten-taller03.png

Back to the Portfolio