2a:null 2b:["$","title",null,{"children":"ARCH5400 Final Project | Michelle Tran | Observable"}] 30:T69d,

Manhattan Trees
and Their "Roots"

Trees might be planted into the ground, but their
locations are rooted in redlining practices,
especially in cities.

Discover 1937 Manhattan, and hover
over each button to see more details.

31:[{"id":"662eaf6f80db4794e4a948210ffe31a2ab13211eafb3070a1e68df0d9af02146f816b76f84e42a708699f9c39f9a8618b88d12dcd10cc9ccbd7170d4b7884a47","href":"https://static.observableusercontent.com/files/662eaf6f80db4794e4a948210ffe31a2ab13211eafb3070a1e68df0d9af02146f816b76f84e42a708699f9c39f9a8618b88d12dcd10cc9ccbd7170d4b7884a47","name":"NYManhattan1937.geojson","type":"application/geo+json","lastModified":1652132102707.795,"size":107880},{"id":"8eaed930f1dd045596e0385c396e635ed2a9b9aaaff45a6252a0c77f11866fa9dca35fa554980e7678e969f03c52941c16a1d254269dcce2fa318fe8e504a2e6","href":"https://static.observableusercontent.com/files/8eaed930f1dd045596e0385c396e635ed2a9b9aaaff45a6252a0c77f11866fa9dca35fa554980e7678e969f03c52941c16a1d254269dcce2fa318fe8e504a2e6","name":"Manhattan_Trees.csv","type":"text/csv","lastModified":1652132277305.934,"size":19287428},{"id":"cbc2850f98df45474cb5fae87d483362d01dc3b9f8e3ca39f41362d63910dd5fa9130e5c0797cd155727c7ff565acbbb11f159c3a8afcc618f4e86770057c55f","href":"https://static.observableusercontent.com/files/cbc2850f98df45474cb5fae87d483362d01dc3b9f8e3ca39f41362d63910dd5fa9130e5c0797cd155727c7ff565acbbb11f159c3a8afcc618f4e86770057c55f","name":"Sea Level Rise Maps (2020s 100-year Floodplain).geojson","type":"application/geo+json","lastModified":1652413329641.371,"size":24496485}] 2e:{"id":"e1ba0879bd941293","slug":"arch5400-final-project","title":"ARCH5400 Final Project","thumbnail":"b1ad653a0fea3e86c7ccec1d64ab846d3c05ae2aa514d6804698e320a713aafa","access_level":"public","create_time":"$D2022-05-09T21:31:56.724Z","update_time":"$D2022-05-13T04:38:32.655Z","view_time":null,"first_public_time":"$D2022-05-14T00:25:51.171Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6882c218f11562ce","login":"92126d722a315727","name":"Michelle Tran","avatar_url":"https://avatars-next.observableusercontent.com/dcf62e45c52e658aaf8563732cef8b870a51585345462006f6f124925fe491af","tier":"starter_2024"},"version":755,"publish_version":755,"role":null,"authored":false,"authors":[{"type":"individual","id":"92126d722a315727","login":"92126d722a315727","name":"Michelle Tran","avatar_url":"https://avatars-next.observableusercontent.com/dcf62e45c52e658aaf8563732cef8b870a51585345462006f6f124925fe491af","tier":null}],"members":[{"type":"individual","id":"92126d722a315727","login":"92126d722a315727","name":"Michelle Tran","avatar_url":"https://avatars-next.observableusercontent.com/dcf62e45c52e658aaf8563732cef8b870a51585345462006f6f124925fe491af","tier":null,"role":"editor"},{"type":"individual","id":"4971b358617edbb7","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":null,"role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"ARCH5400 Final Project","cells":[{"id":575,"value":"# ARCH5400 Final Project","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"$30","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":713,"value":"**Manhattan Projection Set Up**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"projection = d3.geoMercator() // just the standard, common, Mercator projection\n .center([-73.95635, 40.852])\n .scale(482000)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"pathGenerator = d3.geoPath().projection(projection); // to create SVG paths from the points of the GIS features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"**Flood Mapping**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"map = d3.select(\"#viz_box\").select(\"#canvas\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"worldFlood = FileAttachment(\"Sea Level Rise Maps (2020s 100-year Floodplain).geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"drawFloodMap = {\n let mapLayer = map.append(\"g\").attr(\"id\",\"flood_zones\")\n .selectAll(\"path\")\n .data(worldFlood.features)\n .join(\"path\")\n .attr(\"d\", pathGenerator)\n .style(\"fill\", \"#D4D4D4\") \n .style(\"opacity\", \"0\")\n return mapLayer;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"**Redlining Map**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"FileAttachment(\"NYManhattan1937.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"world = FileAttachment(\"NYManhattan1937.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"drawMap = {\n let mapLayer = map.append(\"g\").attr(\"id\",\"neighborhood\")\n .selectAll(\"path\")\n .data(world.features)\n .join(\"path\")\n .attr(\"d\", pathGenerator)\n .attr(\"class\", d => d.properties[\"holc_grade\"]);\n return mapLayer;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":733,"value":"**Tree Map**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"data = FileAttachment(\"Manhattan_Trees.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"toNum = (text) => Number(text.replace(/,/g,''))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"viz = d3.select(\"#viz_box\").select(\"#canvas\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"cirlces = viz.selectAll(\"circles\")\n .data(data) \n .join(\"circle\") \n .attr('cx', d => projection([toNum(d.longitude),toNum(d.latitude)])[0])\n .attr('cy', d => projection([toNum(d.longitude),toNum(d.latitude)])[1])\n .attr(\"r\", d => rFromDiameter(d['tree_dbh']) * 0.08)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"rFromDiameter = (tree_dbh) => toNum(tree_dbh)/2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"**Interactive Buttons**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":482,"value":"function hideAll() {drawMap.style(\"opacity\", \"0\")} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"function showFlood() {drawFloodMap.style(\"opacity\", \".5\")}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"function hideFlood() {drawFloodMap.style(\"opacity\", \"0\")} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"function showAll() {drawMap.style(\"opacity\", \"1\")}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"function filter(field, value) {\n hideAll();\n drawMap.filter(d => d.properties[field] == value).style(\"opacity\", \"1\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"function filterValue(field,value) {\n hideAll();\n drawMap.filter(d => d.properties[field] > value).style(\"opacity\", \"1\");\n} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"{\n const btns = d3.select(\"#viz_box\").select(\"#controls\");\n \n btns.select(\"#btnA\").on(\"click\", () => filter(\"holc_grade\",'A')); \n btns.select(\"#btnB\").on(\"click\", () => filter(\"holc_grade\",'B')); \n btns.select(\"#btnC\").on(\"click\", () => filter(\"holc_grade\",'C'));\n btns.select(\"#btnD\").on(\"click\", () => filter(\"holc_grade\",'D')); \n\n btns.select(\"#btnShowAll\").on(\"click\", showAll);\n btns.select(\"#btnDimAll\").on(\"click\", hideAll);\n btns.select(\"#btnFlood\").on(\"click\", showFlood);\n btns.select(\"#btnFlood\").on(\"dblclick\", hideFlood);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2f:"$2e:body"

Manhattan Trees and Their "Roots"

Manhattan Trees
and Their "Roots"