2b:null 2c:["$","title",null,{"children":"NYC Hurricane Sandy (inundation) vs Ida (storm-water) | BetaNYC | Observable"}] 31:T8eb,legend2 = { const sw = sw_layers .filter((layer) => !["Area not included in analysis:1"].includes(layer.id)) .map( (layer) => `

${layer["source-layer"]}

` ) .join(""); const ch = ch_layers .filter((layer) => layer.symbol?.color) .map((layer) => { const [r, g, b, a] = layer.symbol?.color ?? [0, 0, 0, 0]; const [o_r, o_g, o_b, o_a] = layer.symbol?.outline?.color ?? [0, 0, 0, 0]; return `

${layer.value}

`; }) .join(""); return html`

Inundation Zone - Areas that were flooded as a result of Hurricane Sandy.

Hurricane Sandy (Oct 29–30, 2012) ←

311 DEP Flood Service Requests

Moderate Stormwater Flood with 2050 Sea Levels

${sw}

→ Hurricane Ida (Sept 1–2, 2021)

`; }32:T55f,sw_layers = [ { id: "Nuisance Flooding (greater or equal to 4 in and less than 1ft)/1", type: "fill", source: "esri", "source-layer": "Nuisance Flooding (greater or equal to 4 in and less than 1ft)", layout: {}, paint: { "fill-color": "#73B2FF" } }, { id: "Deep and Contiguous Flooding (1ft and greater)/1", type: "fill", source: "esri", "source-layer": "Deep and Contiguous Flooding (1ft and greater)", layout: {}, paint: { "fill-color": "#005CE6" } }, { id: "Area not included in analysis", type: "fill", source: "esri", "source-layer": "Area not included in analysis", layout: {}, paint: { "fill-color": "#CCCCCC" } }, { id: "National Wetlands Inventory/1", type: "fill", source: "esri", "source-layer": "National Wetlands Inventory", layout: {}, paint: { "fill-color": "rgba(245,137,137,1)" } }, { id: "Future High Tides", type: "fill", source: "esri", "source-layer": "Future High Tides in 2050", layout: {}, paint: { "fill-color": "rgba(255, 167, 29,1)" } } // { // id: "Area under analysis", // type: "fill", // source: "esri", // "source-layer": "Area under analysis", // layout: {}, // paint: { // "fill-color": "#F0DFD8" // } //} ]33:T82b,ch_layers = [ { label: "V Zone", symbol: { type: "esriSFS", color: [0, 132, 168, 255], outline: { type: "esriSLS", color: [194, 194, 194, 255], width: 0.75, style: "esriSLSSolid" }, style: "esriSFSSolid" }, value: "VE" }, { label: "A Zone", symbol: { type: "esriSFS", color: [0, 169, 230, 255], outline: { type: "esriSLS", color: [194, 194, 194, 255], width: 0.75, style: "esriSLSSolid" }, style: "esriSFSSolid" }, value: "AE" }, { label: "A Zone", symbol: { type: "esriSFS", color: [0, 169, 230, 255], outline: { type: "esriSLS", color: [194, 194, 194, 255], width: 0.75, style: "esriSLSSolid" }, style: "esriSFSSolid" }, value: "A" }, { label: "A Zone", symbol: { type: "esriSFS", color: [0, 169, 230, 255], outline: { type: "esriSLS", color: [194, 194, 194, 255], width: 0.75, style: "esriSLSSolid" }, style: "esriSFSSolid" }, value: "AO" }, { label: "Shaded X Zone", symbol: { type: "esriSFS", color: [0, 255, 197, 255], outline: { type: "esriSLS", color: null, width: 0.75, style: "esriSLSNull" }, style: "esriSFSSolid" }, value: "0.2 PCT ANNUAL CHANCE FLOOD HAZARD" }, { label: "V Zone", symbol: { type: "esriSFS", color: null, outline: { type: "esriSLS", color: null, width: 0.75, style: "esriSLSNull" }, style: "esriSFSSolid" }, value: "X" }, { label: "V Zone", symbol: { type: "esriSFS", color: null, outline: { type: "esriSLS", color: null, width: 0.75, style: "esriSLSNull" }, style: "esriSFSSolid" }, value: "OPEN WATER" } ] //coastalHazards.toJSON().layerDefinition.drawingInfo.renderer.uniqueValueInfos34:[{"id":"a3dcedb3ed2e6414e6d23b394e80504d91687679027f0456619548e074088a7ae7a7926ce51a5bd830c7aa3fe8dc984afa55593c302deac6ab3e5451e4d88db8","href":"https://static.observableusercontent.com/files/a3dcedb3ed2e6414e6d23b394e80504d91687679027f0456619548e074088a7ae7a7926ce51a5bd830c7aa3fe8dc984afa55593c302deac6ab3e5451e4d88db8","name":"ida.geojson","type":"application/geo+json","lastModified":1660238910595.229,"size":221453}] 2f:{"id":"6e36804d2183dff4","slug":"flood-maps","title":"NYC Hurricane Sandy (inundation) vs Ida (storm-water)","thumbnail":"586725e8622e351a7eb644403f6e49c70fd955078192376155a40ad973a9cba9","access_level":"public","create_time":"$D2022-07-28T17:07:11.820Z","update_time":"$D2022-12-02T15:16:21.253Z","view_time":null,"first_public_time":"$D2022-07-28T17:21:34.682Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"6056c9907da84bd4","login":"betanyc","name":"BetaNYC","avatar_url":"https://avatars-next.observableusercontent.com/8e6d78f21df3c658c180a93a099938214f753f20e2bc46f10a162c9d35e419d1","tier":"pro_2024"},"version":644,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null}],"members":[{"type":"team","id":"6056c9907da84bd4","login":"betanyc","name":"BetaNYC","avatar_url":"https://avatars-next.observableusercontent.com/8e6d78f21df3c658c180a93a099938214f753f20e2bc46f10a162c9d35e419d1","tier":"pro_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"NYC Hurricane Sandy (inundation) vs Ida (storm-water)","cells":[{"id":0,"value":"# NYC Hurricane Sandy (inundation) vs Ida (storm-water)\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":360,"value":"stormwaterLayers = {\n const stormwaterTileLayer = new VectorTileLayer({\n url:\n \"https://tiles.arcgis.com/tiles/at3rDjch5X7i9Bag/arcgis/rest/services/Moderate_SLR_eraseOB_VTile2/VectorTileServer?f=pjson&cacheKey=a0154473274fd733\",\n title: \"Moderate Stormwater Flood with Current Sea Levels\"\n });\n\n return stormwaterTileLayer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"sandyInundationZoneLayer = {\n const t = new FeatureLayer({\n url:\n \"https://services2.arcgis.com/j80Jz20at6Bi0thr/arcgis/rest/services/Hurricane_Sandy_Inundation_Zone/FeatureServer/0\",\n title: \"Hurricane Sandy Inundation Zone\"\n });\n\n return t;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"idaFloodServiceRequests = {\n const blob = new Blob([JSON.stringify(ida_sr)], {\n type: \"application/json\"\n });\n\n const url = URL.createObjectURL(blob);\n\n const renderer = {\n type: \"heatmap\",\n colorStops: [\n { color: \"rgba(241,238,246, 0)\", ratio: 0 },\n { color: \"#74a9cf\", ratio: 0.1 },\n { color: \"#2b8cbe\", ratio: 0.5 },\n { color: \"#045a8d\", ratio: 1 }\n ],\n maxDensity: 0.01,\n minDensity: 0\n };\n\n const t = new GeoJSONLayer({\n url,\n renderer,\n title: \"Hurricane Ida - 311 DEP Flooding Related Requests\"\n });\n\n return t;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"ida_sr = await FileAttachment(\"ida.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":513,"value":"mapContainer1 = {\n const mapContainer1 = DOM.element(\"div\", { style: `height:500px;` });\n yield mapContainer1;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"view2 = {\n const view = new MapView({\n map: new WebMap({\n basemap: \"gray\"\n }),\n container: mapContainer1,\n center: [-73.98255, 40.75925],\n zoom: 13,\n navigation: {\n mouseWheelZoomEnabled: false\n }\n });\n\n view.map.add(sandyInundationZoneLayer);\n view.map.add(stormwaterLayers);\n view.map.add(idaFloodServiceRequests);\n\n view.when(() => {\n const swipe = new Swipe({\n leadingLayers: [sandyInundationZoneLayer],\n trailingLayers: [stormwaterLayers, idaFloodServiceRequests],\n position: 45, // set position of widget to 35%\n view: view\n });\n\n view.ui.add(swipe);\n\n // const layerList = new LayerList({\n // view: view\n // });\n\n // view.ui.add(layerList, \"bottom-right\");\n });\n\n invalidation.then(() => view.destroy());\n\n return view;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"document.head.appendChild(\n html``\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"MapView = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/views/MapView.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"WebMap = (await import(\"https://js.arcgis.com/4.18/@arcgis/core/WebMap.js\"))\n .default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"Legend = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/widgets/Legend.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"VectorTileLayer = (\n await import(\n \"https://js.arcgis.com/4.18/@arcgis/core/layers/VectorTileLayer.js\"\n )\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"FeatureLayer = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/layers/FeatureLayer.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"GeoJSONLayer = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/layers/GeoJSONLayer.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"LayerList = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/widgets/LayerList.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"Swipe = (\n await import(\"https://js.arcgis.com/4.18/@arcgis/core/widgets/Swipe.js\")\n).default","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"