2d:null 2e:["$","title",null,{"children":"SVG Filter Waterlines | Marc Lajoie | Observable"}] 33:T5f9,html`

`34:[{"id":"d78bd996f08dac484b21886754f61d4c9950e9a59cc185ffde9412adafbc06d85d3e66b5516cfc8f6cfd3e6a05d7a524c35bf2404ae1883ee943f6787ef4f54f","href":"https://static.observableusercontent.com/files/d78bd996f08dac484b21886754f61d4c9950e9a59cc185ffde9412adafbc06d85d3e66b5516cfc8f6cfd3e6a05d7a524c35bf2404ae1883ee943f6787ef4f54f","name":"philippines.geo.json","type":"application/json","lastModified":1613653839602.046,"size":71211}] 31:{"id":"0659564a82ff8de7","slug":"svg-filter-wavelines","title":"SVG Filter Waterlines","thumbnail":"0bce486fa1e460196070ee87aab846aa039f5ea45d07b167d621905197e04bc6","access_level":"public","create_time":"$D2021-02-18T13:06:41.000Z","update_time":"$D2021-03-19T20:54:36.505Z","view_time":null,"first_public_time":"$D2021-02-18T13:42:25.746Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"7a71c5650a3fa6fc","login":"lajoiemedia","name":"Marc Lajoie","avatar_url":"https://avatars-next.observableusercontent.com/5f7580af1541eb5516f2b7bf036ad4adb221d4967cdb2a2dfa6fe2fe5f0a8518","tier":"starter_2024"},"version":94,"publish_version":94,"role":null,"authored":false,"authors":[{"type":"individual","id":"1aafdd40f452f6a2","login":"lajoiemedia","name":"Marc Lajoie","avatar_url":"https://avatars-next.observableusercontent.com/5f7580af1541eb5516f2b7bf036ad4adb221d4967cdb2a2dfa6fe2fe5f0a8518","tier":null}],"members":[{"type":"individual","id":"1aafdd40f452f6a2","login":"lajoiemedia","name":"Marc Lajoie","avatar_url":"https://avatars-next.observableusercontent.com/5f7580af1541eb5516f2b7bf036ad4adb221d4967cdb2a2dfa6fe2fe5f0a8518","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"SVG Filter Waterlines","cells":[{"id":0,"value":"md`# SVG Filter Waterlines`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"groupNum = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"spacing = Math.max(4 * width / 800,3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"borderWidth = Math.max(2 * width / 800,1.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"shrinkFactor = 0.8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"opacityShrinkFactor = 0.7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"color = \"#00ced1\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"width = Generators.observe(notify => {\n let curWidth;\n function resized() {\n let el = document.querySelector(\"#container\")\n let w = el?el.clientWidth:540;\n if (w !== curWidth) {\n curWidth = w;\n notify(curWidth);\n }\n }\n resized();\n window.addEventListener(\"resize\", resized);\n return () => window.removeEventListener(\"resize\", resized);\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"padding = ({\n left: 40,\n right: 40,\n bottom: 40,\n top: 40\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"projection = d3.geoMercator().fitWidth(width - padding.left - padding.right,{type:\"FeatureCollection\",features})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"pathGen = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"height = pathGen.bounds({type:\"FeatureCollection\",features})[1][1] + padding.bottom + padding.top","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = {\n return {\n ...(await require(\"d3-geo@1.9.1\")) \n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"features = {\n return (await FileAttachment(\"philippines.geo.json\").json()).features;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"