Final Project Submission

PRD.md

@@ -0,0 +1,32 @@
+# Atlantic Yards/Pacific Park Plans Interactive
+
+This project aims to take a small data set of a 17+ building development and visualize its construction progress and unit counts in a clean display. 
+
+## Audience
+  * Journalists, officials, and community leaders who need to keep track of the project for the sake of government accountability.
+  * Planners and architects who are in need of better ways than a standard rendering, data tables, and plan views to communicate building contents and progress because their current methods of public communication leave many basic questions unanswered. 
+  * Neighbors of the project in Park Slope and Brooklyn who need to know about changes in their community because it affects their daily lives.
+
+## Requirements
+
+1. Load data from CSV on top of background image contained by axon versions of each building.
+2. Each building is filled with a proportional amount of teal or red based on the proportion of affordable units in that building.
+3. A bar at the bottom of the interactive summarizes the amount of units built and to be built, colored or labeled according to their income-linked designation
+4. Mousing over the buildings highlights the active building and displays a tooltip with essential building data and unit affordability tables. 
+  * A notes section at the bottom of the tooltip lists any additional information included in the spreadsheet.
+5. A set of two buttons filters the graphic based on what is currently built and the approved plans to build.
+6. The dataset and information can be edited by simply rewriting the original CSV file. 
+7. The interactive should be mobile friendly to the point where information is readable and taps replace mouseover functionality.
+
+### Stretch Goal
+
+8. A third button loads an interactive leaflet map with outlines of each building, complete with the same mouseover functionality.
+
+## Data
+https://docs.google.com/spreadsheets/d/1LJKFPQ15-gqFX5c_73J6tf6SFqQZML_nw2zgC_P8mbQ/edit#gid=0
+
+## Precedent Examples and Progress
+  * 538 Hexagon map predicting the results of the 2020 House of Reps races: https://projects.fivethirtyeight.com/2020-election-forecast/house/
+  * Initial wireframes and research: https://docs.google.com/presentation/d/1wISzn5c0wkmMuAzy33cGH2iEMHOwxMo4OUqO07r8hKc/edit?usp=sharing
+  * Current prototype: https://observablehq.com/d/23f92d48a5153018
+  * Current click-through prototype (see B2 Dean 461 tooltip for most up to date tooltip) : https://www.figma.com/proto/HSfDyTbSYeRMNIki9Zpgdp/AYPP-Interactive?node-id=118%3A173&starting-point-node-id=118%3A173

README.md

@@ -0,0 +1,24 @@
+# MUSA 611 Final Project: Atlantic Yards/Pacific Park Plans Interactive
+
+## Team Members:
+
+**Ben Keel, MUSA '23 Student**
+
+Design, Development
+[https://github.com/bennkeel](https://github.com/bennkeel)
+
+**Norman Oder, NYC Journalist**
+
+Research, Editing
+
+[Twitter](https://twitter.com/AYReport)
+[AY/PP Blog](https://atlanticyardsreport.blogspot.com/)
+
+## Project Summary
+This data visualization takes the work Norman and I have done in designing and editing our [Atlantic Yards/Pacific Park Plans](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-0yNDDy3gcfH1t2qzJg1uiz0vn3YYhGZ9SlzxXQ7W7P909Xw1L9AEApESM2o_GQsRnQteVmkDazxke6WEEsQbr8FBuuSvfxuABTmF7SXq_EQs3eKjBcqO2sCiI3-5qf9G41mpSSWCl3gAKY7f5N5jGcXAiTMDPC4pej7X8610Edc86YZihac/s960/AYPP_Plans_221121_72.jpg)  
+graphic and sorts the information into different layers of interactivity. Each building and the bar below are loaded on top of a background svg using the 
+D3 JS framework, and can be fitlered between the current progress and approved plans by two buttons on the top right.
+
+## Getting It Running
+Downloading the complete folder and running an http-server from the index.html file as a base folder should work fine. "inventory.js" accesses the data
+from site/data/AYPPBuildingData.csv. Change this file location and the path in "inventory.js" if necessary.

package.json

@@ -15,5 +15,8 @@
     "jest-puppeteer": "^6.1.1",
     "stylelint": "^14.14.1",
     "stylelint-config-standard": "^29.0.0"
+  },
+  "dependencies": {
+    "papaparse": "^5.3.2"
   }
 }

site/data/AYPPBuildingData.csv

@@ -0,0 +1,19 @@
+id,address,Units,affordable,market,condo,low_income,moderate_income,middle_income,other,date,progress,construction,zIndex,top,left,path,edges,labelPos,labelMar
+deck1,Deck 1 ,N/A,,,,,,,"Provides base for B8, B9, & B10 over existing railyard. Will be publicly accessible green space once complete.",2023?,1,1,0,330,320,"M411.88,227.32l34.96,17.9-129.65,71.38-35.1-17.94,129.79-71.34Z",,N/A,0
+deck2,Deck 2,N/A,,,,,,,"Provides base for B8, B9, & B10 over existing railyard. Will be publicly accessible green space once complete.",Date Unknown,0,1,1,173,460,"M452.92,242.55l-35.1-18.09,122.4-67.18,36.93,17.11-124.24,68.15Z",,N/A,0
+b10,B10,Unconfirmed,0,0,0,0,0,0,N/A,Date Unknown,0,1,2,570,140,"M513.76,142.44l31.38-16.46,24.17,13.03v38.51l-11.14,6.08-14.4-9.11-18.5,10.25-11.51-6.36v-35.95Z","M567.43,140.06l-9.25,5.12-12.86-7.89-19.71,11.14-9.81-4.97m9.48,38.73l.33-33.76m19.71-11.14v35.14m13.77-27.76-.92,.51v35.91",TL,3
+b9,B9,Unconfirmed,0,0,0,0,0,0,N/A,Date Unknown,0,1,3,525,152,"M472.9,199.6v-45.88l29.57-16.11,11.79,6v7.71l5.27,3.09v46.05l-9.6,6.17-13.71-6.51-11.48,5.83-11.83-6.34Z","M517.72,155.63l-7.97,4.47-13.54-6.69-12.34,5.74-9.21-4.39m37.66-9.95l-5.99,3.11,5.2,2.63m-27.52,52.46v-43.87m25.75,.94v44.81m-13.54-51.5v44.98m16.78-45.6",TL,1
+b8,B8,Unconfirmed,0,0,0,0,0,0,N/A,Date Unknown,0,1,4,468,198,"M423.78,224.09v-33.6l37.2-19.88,14.05,7.03v36.34l-12.41,6.59-2.61-1.46-2.66,1.49,.05,9.03-11.38,5.93-22.24-11.47Z","M472.45,179.05l-9.57,5.17-2.88-1.28-14.28,7.71,11.03,5.54-10.73,5.93-20.16-10.48m31.17,4.55v21.73m5.81-33.87v33.09m-16.81-15.03v30.68",TL,-2
+b7,B7,Unconfirmed,0,0,0,0,0,0,N/A,Date Unknown,0,1,5,420,203,"M376.25,195.75v54.5l20.44,9.42,11.38-5.88c0-4.27,.05-6.98,.05-6.98l11.62-6.37v-19.19l-2.23-1.54,.13-16.43-.87-.69-.03-15.01-12.24-6-8.15,3.92v1.67s-7.03,3.7-7.03,3.7l-2.2-.92-10.86,5.82Z","M414.15,188.35l-13.97,7.31,7.89,4.63-10.97,6.17-17.73-8.86m28.7,2.69v44.45m-10.97-38.28v50.83",TL,1
+b6,B6,Unconfirmed,0,0,0,0,0,0,N/A,Date Unknown,0,1,6,367,251,"M341,283.94l.11,.12,12.95,6.91,9.7-5.9-.11-13.14,13.71-7.51v-27.19s-10.71-4.77-10.71-4.77l-36.31,19.4v12.06l-.98,.54v13.67l11.63,5.81Z","M362.93,270.41v-10.77l-13.33-6.33,25.69-14.45m-21.02,37.49l-23.49-11.17m23.49,22.87v-11.7l1.01-.53v-12.16l-23.19-11.04m23.19,11.04l7.65-4.03",TL,-2
+b5,B5,682,205,477,0,0,0,205,N/A,Date Unknown,0,1,7,329,270,"M297.12,277.87l6.43-3.9,1.11,.69v-22.8l14.44-8.14,6.1,3.74v11.49l4.09,2.88-.04,6.14,5.89,4.54v7.51l.93,.65-.02,14.13-8.41,5.01-.76-.51-5.09,3.17,.03,5.36-6.51,3.9-4.68-2.65-.94,.65-12.58-6.39v-25.46Z","M306.54,253.03l8.71,5.6v50.28m7.33-60.29l-6.15,3.38,5.13,3.34v44.68m-6.31-41.39l6.31-3.29m-12.12,51.28v-5.94l-4.48-2.96v-15.07l-6.25-3.81m6.44-1.91v4.61l10.14,6.52,6.26-3.14m-14.96-15.84l8.55,5.63,6.28-3.27m.14-5.09l6.23-3.21m-6.23,16.29l11.42-6.07m-4.15-3.94v6.17m-3.89-14.45v3.56m8.89,16.8l-6.63,3.71v12.44",TL,5
+b11,550 Vanderbilt Ave.,278,0,0,278,0,0,0,N/A,2017,1,0,8,633,166,"M613.25,182.58l-.13-16.33-3.62-2v-1l-1.5-.77v-4.54l-14.98-7.99-6.14,3.28-.03,2.46-2.56,1.3-1.19,.59h.02s-13.48,6.87-13.48,6.87v10.45l-2.44,1.16v12.82l10.56,5.86,11.91-6.26,3.64,1.85v2.08l-2.83,1.51v6.87l11.06,5.95,21.6-11.44v-7.72l-9.9-4.99Z","M611.84,167.02l-10.03,5.21-12.13-6.36-9.15,5.02-9.55-5.5m-2.28,11.3l9.55,5.12s2.09-1.25,2.09-1.25l-9.55-5.23m9.68-4.41l-.13,9.78m-2.06,1.11v10.51m11.4-26.45v20.64m12.13-14.28v13.07m-7.08,5.68l8.75,4.32,15.31-8.12m-6.95-5.15l-1.8-1.06-15.62,8.23m-2.23,5.46l9.36,4.63,20.18-10.44m-20.18,10.44v5.91m-12.57-51.04l13.26,6.92,4.41-2.32m-4.45,7.23v-4.91m-15.02-3.99v1.09l15.02,7.82,4.76-2.49m-23.85-4.3v.82l18.78,9.71,7.15-3.92v-.41",TR,-8
+b12,595 Dean St. E,419,133,286,0,0,0,133,"96,000 Sq. Ft under B12 & B13 for future fitness center and field house. 455 parking spaces will be under B12 & B13, entrance at B14.",2023,1,0,9,601,179,"M543.2,204.57v-34.79l4.16-2.51v-2.43s5.66-3.35,5.66-3.35l10.98,9.71v2.76s4.57,3.93,4.57,3.93l.08,23.6,2.71,1.24,3.01-1.64v-.95l8.22-4.64,9.86,5.11s.17,4.71,.17,10.89l-22.44,12.22-11.78-5.87-15.19-13.29Z","M567,178.8l-8.52,4.52-13.98-12.67m13.96,12.71v32.75m-11-47.67v.85l10.81,9.57,5.44-2.91v-.5m-15.26-9.9l9.82,8.69,4.65-2.48m-4.65,2.48v4.61m12,33.63,0-.27v9.79m-2.73-19.87l-8.78,4.73,11.51,5.61,20.92-11.11",BR,3
+b13,595 Dean St. W,379,107,272,0,0,0,107,"96,000 Sq. Ft under B12 & B13 for future fitness center and field house. 455 parking spaces will be under B12 & B13, entrance at B14.",2023,1,0,10,559,214,"M503.68,225.63v-27.9l9.9-5.77,.81,.73,1.41-.73,8.37,7.2v2.38s7.11,6.43,7.11,6.43l.08,16.12,1.19,.65,3.32-1.86v-1.31s9.25-5.17,9.25-5.17l10.45,5.44s.14,2.46,.14,9.79l-27.16,14.65-6.31-3.33v-2.32l-18.56-14.99Z","M554.17,222.43l-25.63,13.57-5.87-3.18,2.42-1.06-3.71-2.17,9.04-4.94m-1.89,11.34v8.62m-23.48-46.07l16.32,14.8,8.52-4.52m-19.4-13.93v4.54l7.86,7.12,5.77-3.06v-.5m-5.77-.98v4.54m-4.76-13.44l-3.1,1.78,7.86,7.12,4.6-2.44m-.51,33.23v6.63m-1.07-26.13v24.93",BR,2
+b14,535 Carlton Ave.,298,298,0,0,90,14,192,303 Parking Spaces under B14.,2017,1,0,11,510,233,"M460.52,221.49l16.71-8.74,1.03,.51,2.21-.77,8.38,5.33v6.66l7.59,3.96v10.43s1.37,.85,1.37,.85l7.31-4.16,12.75,6.51v9.09l-4.8,2.74-2.05-1.03-3.86,2.49v1.2l-10.97,6-18.42-9.6v-1.46l-3.61-2.15-1.71,1.03-11.91-6.34c0-4.04,0-22.55,0-22.55Z","M487.3,220.09l-14.48,8.3-10.54-5.41m33.39,17.03l-7.89,4.13,9.07,4.9,15.22-8.55m-37.9-12.82l12.24,6.48,8.56-4.83m-22.3-.65l-.24,19.97m23.74,12.23v-6.13l-17.74-9.17v4.36m9.43-1.79l-1.37,.69m10.37,4.11,13.27-9.58l2.33,1.7,3.96-2.07m-3.96,2.07v7.07m-1.45-7.92v7.28m-14.83,3.26l5.57-3.09v-1.94l-1.15-.72m1.21,.69l4.43-2.58-1.26-.73m-8.11,2.76v3.82m-10.39-18.81v14.5m1.35-.48l-.03-4.03m-3.6-22.14l3.35,1.83m18.82,30.62v-7.3",BR,4
+b15,662 Pacific St.,312,94,218,0,0,0,94,"School at Dean St. (Under construction, opening 2025)",2021,1,0,12,397,318,"M372.7,327.67v-6.63l-.64-.38v-11.74l-.9-.57v-9.85l-7.4-4.04-2.97,1.68-6.44-3.21-1.98,.92v-3.56l-8.36-4.37-9.35,5.25v7.52l-2.82,1.91v17.1l15.52,8.97,2.05-.62-.04,3.83,10.34,5.13,12.99-7.33Z","M350.34,300.08l-.06,8.96-6.98-3.43v-9.73m16.57,37.56v-5.81l-10.56-5.42v2.08m10.66,3.48l11.44-5.82m-11.74-7.67v-9.66m-24.62-4.56l2.91,1.44-.05,12.02,11.4,6.46v4.81m-16.09-23.7l2.91,1.44-.05,12.02,11.4,6.46v4.21m-11.34-22.69l1.85-1.03m12.86-10.44l-3.38,2.12,2.85,1.39m-12.39,18.95l-1.85,1.03m13.24,5.43l-1.85,1.03m23.21-11.27l-10.69,5.7-9.68-4.69v11.02m-13.98-30.05l8.14,3.7-.96,.45,7.84,3.81-.77,.46,.74,.36,8.41,4.13,9.76-5.2m-19.18,22.17l9.68,4.98,10.43-5.28m-21.11,.92l1.26-.58m9.4,4.94v-11.4",BR,4
+b4,18 Sixth Ave.,858,258,600,0,0,0,258,N/A,2022,1,0,13,294,272,"M276.67,249.43l-10.79,5.6,.02,23.98,.88,.29v.59s-3.85,1.02-3.85,1.02c0,8.44-.02,20.51-.02,20.51l.49,.13-.06,2.49-.99,.57v7.86l21.81,11.4,15.99-8.27v-7.8l-.6-.4v-.69s.23-.16,.23-.16v-20.39l-2.83-1.64v-26.67l-14.12-7.4-1.67,.55c-.2,.07-.42,.05-.61-.03l-3.4-1.57c-.15-.07-.33-.07-.48,.01Z","M290.03,288.23l-.03-26.84m-9.22-9.18l-4.07,1.99,13.28,7.19,5.61-2.9m-30.74,23.21l17.22,4.7,8.6,4.47,7.47-3.86m-16.07,19.46l8.6,4.47,7.47-3.86m-34.14-1.34l20.22,10.36,13.92-7.13m-29.89-29.6l12.03,3.87v-23.3l-12.99-4.18m-2.6,45.77l17.38,4.94v-20.06m7.84-21.52l-9.64-4.95m-3.58-5.73v3.12m3.58,25.91l9.73,5,5.48-2.92m-4.82,5.56v20.06",TL,6
+b3,38 Sixth Ave.,303,303,0,0,91,15,198,Healthcare Center. 67 parking spaces under B3.,2017,1,0,14,349,337,"M338.55,346.68l10.8-5.67v-7.36l-.7-.47v-7.88l-7.23-4.29v-5.57l-17.53-9.51-10.03,5.66v21.99l24.68,13.11Z","M315.84,312.61l14.87,8.1v7.93m.9-.6v7.52l6.94,3.51v5.9m1.61-28.82l-9.45,4.56m-15.23-.22l15.14,8.15,10.29-5.42v-.83m-3.02,16.2l.92,.48,8.87-4.74m-.62-8.13l-9.06,4.75v7.85m-5.57-11.06l5.7,3.08m-14.91-6.15v7.2",BR,4
+arena,Barclays Center Arena,N/A,,,,,,,"Atlantic Ave./Barclays Center MTA stop on site. Plaza is open. Approved plans include another tower, B1, but it is unlikely to be built.",2012,1,0,15,218,333,"M324.53,331.74c-.04-.46-.52-.86-1.8-2.47-1.2-1.51-5.02-3.91-10.16-6.66v-2.85l-16.2-8.15-6.48,3.29s-21.45-11.72-24.97-12.19c-17.7-2.37-36.66,18.64-36.66,18.64,0,0-.92,1.28-1.97,3.29-13.69,8.09-27.25,16.37-28.58,18.15-2.76,3.69-2.6,.84,4.12,14.36,4.92,9.9,10.37,10.77,28.01,10.77v4.24h36.87l19.13-9.96,30.46-7.89,14.1-7.48,.4-11.13-6.28-3.98Zm-107.15,25.86c-2.05,2.11-5.24,.23-8.72-2.99-3.48-3.21-5.81-9.9-2.87-10.37,3.49-.55,7.45,2.32,10.93,5.53,3.48,3.21,2.71,5.71,.66,7.82Zm-66.54,14.64l-4.4-5.83,14.3-6.02,6.6,8.13v3.72h-16.51Z","M328.91,342.97l-9.96,4.66-3.53-1.7-48.34,22h-35.36m-33.1-22.31l3.49,7.39c4.92,9.9,10.37,10.77,28.01,10.77m0,0h37.22l48.07-22,3.46,1.6,10.03-4.82m-100.06,20.96c13.28,0,22.05-2.36,22.05-2.36-35.09-5.51-29.56-24.01-28.1-28.75m4.83-2.5c-1.99,5.49-2.67,11.99,5.55,18.19,14.16,10.68,30.28,7.1,30.28,7.1m-28.06,12.58c23.9,0,30.46-3.02,32.92-4l54.13-27m-.86-1.87s-17.51-9.66-58.14,20.29",TL,-20
+b2,461 Dean St.,363,181,182,0,73,36,72,N/A,2016,1,0,16,303,352,"M273.59,347.61v25.07l16.8,.05,20.52-10.93v-2.73l4.83-2.65,2.14,1.2,1.37-.54v-4.98l-3.01-1.89v-17.29l-7.66-4.18,.05-7.28-7.7-4.25-19.33,10.12v16.13l-8.03,4.14Z","M290.68,344.56l3.56-1.41m-19.42,26.36h15.89s18.89-10.31,18.89-10.31m-26.51-15.58l6.22,3.69,12.85-6.67v-2.83l5.91-3.21v-4.02m-18.76,16.73v-16.1l-5.83-3.24m23.09-5.68l-17.26,8.92m1.37,39.76v-22.15l-15.17,.03m18.73,18.75v-21.39l-1.25-.8m21.12-11.17l-10.57,5.6v20.21l12.21-6.47v-2.09m-21.51,13.83l6.97-3.91v-20.27m0,20.27l2.32,.88v-2.49m14.21-3.71v-1.29l-1.36,.72",BR,-2
+site5,Site 5,Unconfirmed,0,0,0,0,0,0,"Different configurations possible (Opt. 1 of 4 shown). Varying amounts of residential units, office space, hotel, retail space, and ~175 parking spaces. Current approved height is 250 ft. ",Date Unknown,0,1,17,68,349,"M81.37,410.81l57.8-19.24v-38.09l-10.06-8.33h-33.13s-.04-10.5-.04-10.5l-23.38-16.58-13.57,5.36v71.15l22.38,16.22Z","M61.63,325.43l19.81,14.11v68.39m11.57-72.13l-11.57,3.9m14.25,12.62l14.01,11.06,26.72-8.58m-27.01,32.2l-13.72-8.5m-.03-31.04v44.34l13.88-4.7v-23.9",TR,-15