27:null 28:["$","title",null,{"children":"SVG contour with fading hatch | Martien van Steenbergen | Observable"}] 2d:T666,2e:[] 2b:{"id":"7c82345015251ebf","slug":null,"title":"SVG contour with fading hatch","thumbnail":"b10e04dc9fb59cf9de2dfd1dc579df9b90d403a0ca8fe2890115b4d370561fa3","access_level":"public","create_time":"$D2025-05-06T14:12:58.980Z","update_time":"$D2025-05-07T18:22:09.144Z","view_time":null,"first_public_time":"$D2025-09-19T14:44:56.333Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"6e89ba4444f0cc85","login":"martien","name":"Martien van Steenbergen","avatar_url":"https://avatars-next.observableusercontent.com/40dc8e4f86d0cf89184b173b4d1d88336e5728c175479f33261ced3496adb3c2","tier":"starter_2024"},"version":296,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"3c5ecb707ecd20a7","login":"martien","name":"Martien van Steenbergen","avatar_url":"https://avatars-next.observableusercontent.com/40dc8e4f86d0cf89184b173b4d1d88336e5728c175479f33261ced3496adb3c2","tier":null}],"members":[{"type":"individual","id":"3c5ecb707ecd20a7","login":"martien","name":"Martien van Steenbergen","avatar_url":"https://avatars-next.observableusercontent.com/40dc8e4f86d0cf89184b173b4d1d88336e5728c175479f33261ced3496adb3c2","tier":null,"role":"editor"},{"type":"team","id":"6e89ba4444f0cc85","login":"martien","name":"Martien van Steenbergen","avatar_url":"https://avatars-next.observableusercontent.com/40dc8e4f86d0cf89184b173b4d1d88336e5728c175479f33261ced3496adb3c2","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"2d80301ead1af4a8","slug":"hatches","title":"Hatches","owner":{"id":"6e89ba4444f0cc85","login":"martien","name":"Martien van Steenbergen"}},"type":"notebook","body":{"title":"SVG contour with fading hatch","cells":[{"id":0,"value":"# SVG contour with fading hatch\n\n- probeer ook dunne witte bewegende arcering tegen donkerder achtergrond (NOS Journaal 20:00 uur item over Kashmir)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":70,"value":"viewof strokeWidth = Inputs.range([.5, 36], {label: \"hatch stroke width\", value: 18, step: .5})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"viewof angle = Inputs.range([0, 180], {label: \"hatch angle\", value: 45, step: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"viewof blur = Inputs.range([0, 100], {label: \"blur\", value: 10, step: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"viewof stroke = Inputs.color({label: \"stroke color\", value: \"#ff0000\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"background = d3.lab(stroke).darker()\n// viewof background = Inputs.color({label: \"background color\", value: \"#ffcccc\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$2d","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":156,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":48,"value":"blob = \n gelderland\n// \"M 100,100 C 150,50 250,50 300,100 S 350,200 300,300 150,350 100,300 50,200 100,100 Z\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"{\n const sketch = d3\n .create(\"svg\")\n .attr(\"viewBox\", [200, 250, 700, 250])\n ;\n sketch\n .selectAll(\"path\")\n .data([gelderland, overijssel])\n .join(\"path\")\n .attr(\"d\", d => d)\n .attr(\"fill\", \"snow\")\n .attr(\"stroke\", \"black\")\n .attr(\"stroke-width\", 1)\n ;\n return sketch.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"import {gelderland, overijssel, utrecht, noordBrabant, flevoland, limburg} from \"@martien/svg-nederland\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"gelderland","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"