2d:null 2e:["$","title",null,{"children":"Filter Floaters test | Marc Lajoie | Observable"}] 33:T543,WorldMap = ({width,features,gapWidth, borderWidth = 1.5}) => { const geoobj = {type: "FeatureCollection", features}; const filterid = uniqId("filter"); const proj = d3.geoMercator(); proj.fitWidth(width,geoobj); const path = d3.geoPath(proj); const height = path.bounds(geoobj)[1][1]; return svg`` }34:[{"id":"4e7bbd99ad17db8227fb7945bfcf424d7e538d183ebb0b12b7a10cb91d7fab656c2b26e9ef0bae2e6c61efd2ec9555d7eed47ac2f33df0e5248971cc193ef013","href":"https://static.observableusercontent.com/files/4e7bbd99ad17db8227fb7945bfcf424d7e538d183ebb0b12b7a10cb91d7fab656c2b26e9ef0bae2e6c61efd2ec9555d7eed47ac2f33df0e5248971cc193ef013","name":"us-states-fixed2.json","type":"application/json","lastModified":1613663390697.175,"size":168840}] 31:{"id":"2c218b05b466d382","slug":"filter-floaters-test","title":"Filter Floaters test","thumbnail":"81a3f8f9c52ffd4e7410f1f84455783fa595fd1bd49248db16625e2c9e644cdf","access_level":"public","create_time":"$D2021-02-18T15:49:50.697Z","update_time":"$D2021-02-18T16:10:12.987Z","view_time":null,"first_public_time":"$D2021-02-18T16:09:04.105Z","has_unpublished_edits":null,"fork":{"id":"4acb0f52ce225854","slug":"floaters-test","title":"Floaters test","owner":{"id":"7a71c5650a3fa6fc","login":"lajoiemedia","name":"Marc Lajoie"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7a71c5650a3fa6fc","login":"lajoiemedia","name":"Marc Lajoie","avatar_url":"https://avatars-next.observableusercontent.com/5f7580af1541eb5516f2b7bf036ad4adb221d4967cdb2a2dfa6fe2fe5f0a8518","tier":"starter_2024"},"version":270,"publish_version":270,"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":"Filter Floaters test","cells":[{"id":59,"value":"md`# Filter Floaters test`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"html`

${WorldMap({width:width,features,gapWidth,borderWidth:1.5})}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`Set gap width with slider`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof gapWidth = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"width = Generators.observe(notify => {\n let curWidth;\n function resized() {\n let el = document.querySelector(\"#mount\")\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":10,"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":202,"value":"uniqId = (prefix) => prefix + '_' + Math.random().toString(36).substr(2, 9);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"features = {\n const DROPLIST = [\"Hawaii\", \"Puerto Rico\", \"Alaska\"];\n return (await FileAttachment(\"us-states-fixed2.json\").json()).features.filter(d => !DROPLIST.includes(d.properties.NAME));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"