2f:null 30:["$","title",null,{"children":"Hillshades and Superfund Sites | Ingrid Burrington | Observable"}] 35:T5a0,map = svg``36:[{"id":"0a35ebb2ca99129958863dda47e63776925cfc2dfd688e68cbc69646fcb52c72bfc6278003e2fd77f7d96c975ab5b95f74bc770cfb3092d362521acb462bac7b","href":"https://static.observableusercontent.com/files/0a35ebb2ca99129958863dda47e63776925cfc2dfd688e68cbc69646fcb52c72bfc6278003e2fd77f7d96c975ab5b95f74bc770cfb3092d362521acb462bac7b","name":"map(12).geojson","type":"application/geo+json","lastModified":1648823151603.274,"size":604},{"id":"a2ecbf8bba8b889d60ab4cc34e4bde8033e662a8c4e78bd54d161403c622af21d2bf96f6410869fab91046117f8a2de3df87fb03bbeb9be77d314a3d809df1b1","href":"https://static.observableusercontent.com/files/a2ecbf8bba8b889d60ab4cc34e4bde8033e662a8c4e78bd54d161403c622af21d2bf96f6410869fab91046117f8a2de3df87fb03bbeb9be77d314a3d809df1b1","name":"silverpeak.geojson","type":"application/geo+json","lastModified":1648821424235.618,"size":10090},{"id":"ab13e487374d96f5a473a69bcccee88a861bec7c781e6f9313251fd47bc58187da19239b90c5d7c9b07795a189ba027142fdfdac0bc9930eea17d1d0c7f21c19","href":"https://static.observableusercontent.com/files/ab13e487374d96f5a473a69bcccee88a861bec7c781e6f9313251fd47bc58187da19239b90c5d7c9b07795a189ba027142fdfdac0bc9930eea17d1d0c7f21c19","name":"GroundwaterBasins.geojson","type":"application/geo+json","lastModified":1664846341736.34,"size":32589194},{"id":"88ddf9970dcb066e451713b8dabcc4862c3e175982a1ad98fc01f08bf52e6f54eccf322722927bd8cee10b2f9e68390a322a29d5d7033aa385a0aa5e0d60af63","href":"https://static.observableusercontent.com/files/88ddf9970dcb066e451713b8dabcc4862c3e175982a1ad98fc01f08bf52e6f54eccf322722927bd8cee10b2f9e68390a322a29d5d7033aa385a0aa5e0d60af63","name":"rwqcb-expanded.geojson","type":"application/geo+json","lastModified":1664306763391.461,"size":72482},{"id":"21af9d97434b076d2336b667342888b5cb9d231e8bd10d2cdbdddb336fac5db9418f2924f5de7669d7ec6421c3ea5b657b4a47df20476cdb5c672ea33ece5a96","href":"https://static.observableusercontent.com/files/21af9d97434b076d2336b667342888b5cb9d231e8bd10d2cdbdddb336fac5db9418f2924f5de7669d7ec6421c3ea5b657b4a47df20476cdb5c672ea33ece5a96","name":"scc_plumes@1.geojson","type":"application/geo+json","lastModified":1664311293634.578,"size":31874},{"id":"91b893775debbe6660c9ca34c3a96eceb5e995d44d8e5bf0f5b300ae56367580e20fc7668efac702945c6a3b647ba74c21b30f0d3cc7c78bb7eadb0f44b54c5c","href":"https://static.observableusercontent.com/files/91b893775debbe6660c9ca34c3a96eceb5e995d44d8e5bf0f5b300ae56367580e20fc7668efac702945c6a3b647ba74c21b30f0d3cc7c78bb7eadb0f44b54c5c","name":"untitled(1).geojson","type":"application/geo+json","lastModified":1664307821322.22,"size":21092}] 33:{"id":"6e547d7d8052cb9a","slug":"hillshade-maps-with-diagonal-line-fills-using-d3-fitsize-an","title":"Hillshades and Superfund Sites","thumbnail":"cb7084ce7a7605cf805e1491744742c55a8bb5923cb609d8f134fdfbea4e7d97","access_level":"public","create_time":"$D2022-02-05T19:59:41.665Z","update_time":"$D2022-10-15T19:17:26.590Z","view_time":null,"first_public_time":"$D2022-02-06T16:53:55.328Z","has_unpublished_edits":null,"fork":{"id":"e966ae35a80d4c30","slug":"hillshade-maps-with-line-fills-but-with-diagonal-hatching-b","title":"Hillshade maps with line fills, but with diagonal hatching because it looks cool","owner":{"id":"6ae7f99f369fe7ae","login":"lifewinning","name":"Ingrid Burrington"}},"stars":2,"starred":false,"owner":{"type":"team","id":"6ae7f99f369fe7ae","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":"starter_2024"},"version":3630,"publish_version":3630,"role":null,"authored":false,"authors":[{"type":"individual","id":"87193242b5b8718c","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":null}],"members":[{"type":"individual","id":"87193242b5b8718c","login":"lifewinning","name":"Ingrid Burrington","avatar_url":"https://avatars-next.observableusercontent.com/361e8fec3b6688927a430032a2ebcc4a35bfb53a951f775e8a60fdac19e4f742","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Hillshades and Superfund Sites","cells":[{"id":0,"value":"md`# Hillshades and Superfund Sites`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2986,"value":"md`Instead of fiddling with projection.scale() and picking a center point, load a geojson of the area you want to cover (here it's a bounding box I made on [geojson.io](http://geojson.io)--note that meant I had to use turf.rewind to get around the D3 winding problem).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2831,"value":"xyz_tiles = xyz(bounds, 10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2895,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3486,"value":"superfunds = FileAttachment(\"untitled(1).geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2897,"value":"rewind = turf.rewind(site, { reverse: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2810,"value":"bounds = [\n site.geometry.coordinates[0][0],\n site.geometry.coordinates[0][2]\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3122,"value":"site = zoomed_bbox","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3435,"value":"zoomed_superfunds = FileAttachment(\"scc_plumes@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3438,"value":"zoomed_bbox = turf.bboxPolygon(\n turf.bbox(\n turf.buffer(turf.bboxPolygon(turf.bbox(zoomed_superfunds)), 30, {\n unit: \"miles\"\n })\n )\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2807,"value":"geojson = FileAttachment(\"map(12).geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3016,"value":"ctr = turf.center(site)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3544,"value":"turf.center(zoomed_bbox)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"projection = d3\n .geoMercator()\n .center(ctr.geometry.coordinates)\n .translate([0, 0])\n .fitSize([width, height], rewind)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3151,"value":"poly_water = water_nest\n .map((e) =>\n e.values\n .map((v) => {\n if (v.geometry.type != \"Polygon\") {\n return turf.flatten(v).features.flat();\n } else {\n return v;\n }\n })\n .flat()\n )\n .map((m) => turf.dissolve(turf.featureCollection(m)))\n .map((m) => m.features)\n .flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3149,"value":"water_nest = d3\n .nest()\n .key(function (d) {\n return d.properties.kind;\n })\n .entries(geom_water)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3215,"value":"// geom_water = silverpeak.features\n// .filter((f) => f.geometry.type != \"MultiLineString\")\n// .filter((f) => f.geometry.type != \"LineString\")\n// .filter((f) => f.geometry.type != \"Point\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3146,"value":"geom_water = mb_water\n .map((m) => m.water)\n .filter((m) => m != undefined)\n .map((m) => m.features)\n .flat()\n .filter((f) => f.geometry.type != \"MultiLineString\")\n .filter((f) => f.geometry.type != \"LineString\")\n .filter((f) => f.geometry.type != \"Point\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3456,"value":"roads = mb_water\n .map((m) => m.road)\n .filter((m) => m != undefined)\n .map((m) => m.features)\n .flat()\n .filter((m) => m.geometry.type != \"Point\")\n .filter((m) => m.properties.class != \"construction\")\n .filter((m) => m.properties.class != \"service\")\n .filter((m) => m.properties.class != \"pedestrian\")\n .filter((m) => m.properties.class != \"street_limited\")\n .filter((m) => m.properties.class != \"street\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3142,"value":"mb_water = Promise.all(\n xyz_tiles.map(async (t) => {\n let data = new vt.VectorTile(\n new Protobuf(\n await d3.buffer(\n `https://api.mapbox.com/v4/mapbox.mapbox-streets-v8/${t.z}/${t.x}/${t.y}.mvt?access_token=pk.eyJ1Ijoid2FzaGluZ3RvbnBvc3QiLCJhIjoibWJkTGx1SSJ9.6cMdwgs-AYrRtQsEkXlHqg`\n )\n )\n ).layers;\n\n t.data = Object.keys(data).reduce((initialData, key) => {\n initialData[key] = {\n type: \"FeatureCollection\",\n features: [...Array(data[key].length).keys()].map((item, i) => {\n let feature = data[key].feature(i).toGeoJSON(t.x, t.y, t.z);\n return feature;\n })\n };\n\n return initialData;\n }, {});\n\n return t.data;\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3249,"value":"hatchpattern = function (i) {\n if (i % 2 == 0) {\n return PI / 3\n } else {\n return -(PI / 3)\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3504,"value":"shh = zoomed_superfunds.features\n .map((f) => path(f).split(\"Z\"))\n .filter((f) => f != \"\")\n .flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2977,"value":"classedSplitZ = diss\n .map(\n (f, i) =>\n f.map((m) =>\n path(m)\n .split(\"Z\")\n .map((s) => Polygon.fromPath(s))\n .map((m) => m.getHatches(hatchpattern(i), 2, 0))\n )\n\n // .flat()\n // .flat()\n //\n //\n )\n .flat()\n .flat()\n .filter((f) => f.length > 0)\n .flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2943,"value":"tiles = Promise.all(\n xyz_tiles.map(async (t) => {\n let data = new vt.VectorTile(\n new Protobuf(\n await d3.buffer(\n `https://a.tiles.mapbox.com/v4/mapbox.mapbox-terrain-v2/${t.z}/${t.x}/${t.y}.mvt?access_token=pk.eyJ1IjoibGlmZXdpbm5pbmciLCJhIjoiYWZyWnFjMCJ9.ksAPTz72HyEjF2AOMbRNvg`\n )\n )\n ).layers;\n\n t.data = Object.keys(data).reduce((initialData, key) => {\n initialData[key] = {\n type: \"FeatureCollection\",\n features: [...Array(data[key].length).keys()].map((item, i) => {\n let feature = data[key].feature(i).toGeoJSON(t.x, t.y, t.z);\n return feature;\n })\n };\n\n return initialData;\n }, {});\n\n return t;\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"height = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"hillshade = tiles\n .filter((t) => Object.keys(t.data).includes(\"hillshade\"))\n .map((h) => h.data.hillshade)\n .map((h) => h.features)\n .flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3282,"value":"diss.map((m) => m.map((f) => path(f)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1876,"value":"diss = poly\n .map((p) => turf.dissolve(turf.featureCollection(p)))\n .map((m) => m.features)\n .map((m) => m.map((m) => turf.rewind(m, { reverse: true })))\n//.flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"poly = hs_nest\n .map((e) =>\n e.values.map((v) =>\n v.values\n .map((h) => {\n if (h.geometry.type != \"Polygon\") {\n return turf.flatten(h).features.flat();\n } else {\n return h;\n }\n })\n .flat()\n )\n )\n .flat()\n// .flat()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1234,"value":"hs_nest = d3\n .nest()\n .key(function (d) {\n return d.properties.class;\n })\n .key(function (d) {\n return d.properties.level;\n })\n .entries(hillshade)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"Protobuf = require(\"pbf@3/dist/pbf.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"d3 = require(\"d3-geo@1\", \"d3-selection@1\", \"d3-fetch@1\", \"d3-tile@0.0\", \"d3-scale@2.1.2\", \"d3-collection@latest\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"clip = require(\"polygon-clipping@0.15.3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"turf = require(\"@turf/turf@latest\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"vt = require('https://bundle.run/@mapbox/vector-tile@1.3.1')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2095,"value":"import { Polygon, PI } from \"@makio135/utilities\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2804,"value":"xyz = require(\"https://bundle.run/xyz-affair@0.9.1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3609,"value":"ongoing = rwqcb.features.filter((r) => r.properties.STATUS.includes(\"OPEN\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3467,"value":"rwqcb = FileAttachment(\"rwqcb-expanded.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3538,"value":"scc_plumes = FileAttachment(\"scc_plumes@1.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3566,"value":"santaClara = groundwaterbasins.features\n .filter((g) => g.properties.Basin_Name.includes(\"SANTA CLARA\"))\n .map((m) => turf.rewind(m, { reverse: true }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3564,"value":"groundwaterbasins = FileAttachment(\"GroundwaterBasins.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 34:"$33:body"