31: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.

32:[{"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}] 2f:{"title":"ARCH5400 Final Project","cells":[{"id":575,"value":"# ARCH5400 Final Project","pinned":true,"hidden":false,"mode":"md"},{"id":3,"value":"$31","pinned":true,"hidden":false,"mode":"html"},{"id":713,"value":"**Manhattan Projection Set Up**","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"id":692,"value":"**Flood Mapping**","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"map = d3.select(\"#viz_box\").select(\"#canvas\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":512,"value":"worldFlood = FileAttachment(\"Sea Level Rise Maps (2020s 100-year Floodplain).geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":702,"value":"**Redlining Map**","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"FileAttachment(\"NYManhattan1937.geojson\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"world = FileAttachment(\"NYManhattan1937.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":277,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":733,"value":"**Tree Map**","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"data = FileAttachment(\"Manhattan_Trees.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"toNum = (text) => Number(text.replace(/,/g,''))","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"viz = d3.select(\"#viz_box\").select(\"#canvas\")","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":47,"value":"rFromDiameter = (tree_dbh) => toNum(tree_dbh)/2","pinned":true,"hidden":false,"mode":"ojs"},{"id":744,"value":"**Interactive Buttons**","pinned":false,"hidden":false,"mode":"md"},{"id":482,"value":"function hideAll() {drawMap.style(\"opacity\", \"0\")} ","pinned":true,"hidden":false,"mode":"ojs"},{"id":554,"value":"function showFlood() {drawFloodMap.style(\"opacity\", \".5\")}","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"function hideFlood() {drawFloodMap.style(\"opacity\", \"0\")} ","pinned":true,"hidden":false,"mode":"ojs"},{"id":290,"value":"function showAll() {drawMap.style(\"opacity\", \"1\")}","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":22,"value":"","pinned":true,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}

Manhattan Trees and Their "Roots"

Manhattan Trees
and Their "Roots"