{"id":33730,"date":"2022-07-19T07:25:59","date_gmt":"2022-07-19T11:25:59","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/infovis\/?p=33730"},"modified":"2022-07-19T16:52:31","modified_gmt":"2022-07-19T20:52:31","slug":"temporal-map-of-chicagos-building-from-1852-to-2015","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/temporal-map-of-chicagos-building-from-1852-to-2015\/","title":{"rendered":"TEMPORAL MAP OF CHICAGO\u2019S BUILDING FROM 1852 TO 2015"},"content":{"rendered":"\n

INTRODUCTION<\/h2>\n\n\n\n

Chicago. The Windy City.  Few people, especially Chicagoans, understand how the city got its name.  The city has a rich history and a magnificent range of buildings. Chicago has a rich architectural history. What are some well-known Chicago buildings? The Home Insurance Building was a skyscraper in Chicago that stood from 1885 to 1931. Notable historic buildings in Chicago, such as the Wrigley Building, feature some of the best architecture. It was the first building built on Chicago’s iconic Magnificent Mile, right beside the Michigan Avenue bridge, which was still under construction at the time. The ground was broken for another of Chicago’s most well-known historic buildings in 1924, just two years after the Wrigley Building. The Tribune Tower, located across the street on the Magnificent Mile, was originally the second home of the Chicago Tribune, Tribune Media, and Tribune Publishing newspapers. The original Tribune Tower was built in 1868 but burned down during the Great Chicago Fire. This project is exploring the Temporal building footprint of Chicago.<\/p>\n\n\n\n

INSPIRATION<\/h2>\n\n\n\n
\n
\n

<\/p>\n<\/div>\n\n\n\n

\n

Before diving into the dataset and designing, I started looking for inspiration. Although the OpenData Chicago website has one it was a basic map. I already had one in my mind which was shared in class.<\/p>\n\n\n\n

Breathing City:<\/strong> This visualization is a perfect example of a Temporal map. It was designed by Joey Cherdarchuk at Darkhorse Analytics<\/a>. For the past few projects, I was trying to make an animated interactive visualization. I like idea of how there is no elements of map are added to keep the focus of the audience intact on the main Manhattan map visualization. I also like the font and the color used in to highlight “work” and “home”.<\/p>\n<\/div>\n<\/div>\n\n\n\n

MATERIAL & PROCESS<\/h2>\n\n\n\n

Tools<\/em> <\/h4>\n\n\n\n

Tableau Public<\/a> \u2013 A data visualization software. <\/p>\n\n\n\n

NYC Open Data<\/a><\/a>\u00a0\u2013 open data resource of NYC data<\/p>\n\n\n\n

Adobe Photoshop<\/a> \u2013 Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc. for Windows and macOS.<\/p>\n\n\n\n

Process<\/strong><\/h2>\n\n\n\n

Searching and Cleaning up the data<\/em><\/h4>\n\n\n\n

I did  did extensive research to find a good dataset for making a similar map. I tried building footprint data from San Francisco and NYC. Chicago buildings, like those in New York, I believe, are well-known. I thought it would be fun to work with Chicago Building’s footprint <\/a>data. I also used city boundary<\/a> data. All data were in good shape so I directly used them.<\/p>\n\n\n\n

Creating Visualizations<\/em><\/h4>\n\n\n\n

Although I was not using Tableau for the first time but it was challenging to connect data in Tableau. I struggled a lot to connect data, and due to the very large size of Building footprint data, I was not able to add any other data to my map. Tableau was working slowly with this data. So first, I added the city Boundary data, after that, I added the footprint data and connected them as shown below.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

After that, I experimented with the available data. I divided the year into groups to make it easier to visualize and analyze. For every year, I added color. ” Hues” from Tableau’s color palette library were used. This palette was chosen because I believe it will beautifully depict the flow and change of the year.  As I  was unable to add any more data, I decided to play with what I had and added a small graph to the dashboard displaying the number of buildings built by year. I attempted to use the Tableau” page” tool for animation, but it was not generating the desired results, so I decided to improve the visualization by creating a small gif in Adobe Photoshop. Below are some screenshot of the process and the final Dashboard. <\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\"\"
Tableau Interactive Map<\/figcaption><\/figure><\/div>\n\n\n\n
\n
Go TO MAP<\/a><\/div>\n<\/div>\n\n\n\n

RESULTS<\/h2>\n\n\n\n