2b:null 2c:["$","title",null,{"children":"remove paths shorter than X | Travis Stodter | Observable"}] 31:[] 2f:{"id":"cf173602cd1f73c9","slug":"remove-paths-shorter-than-x","title":"remove paths shorter than X","thumbnail":"273e5da465be0d318099ce667454394a0b2a5d4933a1af5b9ee2fc4ee20d1745","access_level":"public","create_time":"$D2021-12-29T00:07:14.517Z","update_time":"$D2022-01-28T15:30:37.173Z","view_time":null,"first_public_time":"$D2022-01-03T20:16:42.481Z","fork":{"id":"315d34b927eb3826","slug":"brushed-canvas","title":"brushed canvas","owner":{"id":"825710bbc181247a","login":"tstodter","name":"Travis Stodter"}},"stars":0,"starred":false,"owner":{"type":"team","id":"825710bbc181247a","login":"tstodter","name":"Travis Stodter","avatar_url":"https://avatars-next.observableusercontent.com/13a6888a44b6a120d03ed3e83f80e89a67369f87bdb0dc4247e2e4082c7086c4","tier":"starter_2024"},"version":721,"publish_version":721,"role":null,"authored":false,"authors":[{"type":"individual","id":"ec330b2e51aa3a97","login":"tstodter","name":"Travis Stodter","avatar_url":"https://avatars-next.observableusercontent.com/13a6888a44b6a120d03ed3e83f80e89a67369f87bdb0dc4247e2e4082c7086c4","tier":null}],"members":[{"type":"individual","id":"ec330b2e51aa3a97","login":"tstodter","name":"Travis Stodter","avatar_url":"https://avatars-next.observableusercontent.com/13a6888a44b6a120d03ed3e83f80e89a67369f87bdb0dc4247e2e4082c7086c4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"1d5e1b859ded1ad3","slug":"plotter-tools","title":"Plotter Tools","owner":{"id":"825710bbc181247a","login":"tstodter","name":"Travis Stodter"}},"type":"notebook","body":{"title":"remove paths shorter than X","cells":[{"id":0,"value":"md`# remove paths shorter than X`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":116,"value":"viewof imgFile = Inputs.file({label: \"Image\", accept: \".svg\", required: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":591,"value":"svgText = imgFile.text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"theSvg = {\n const text = svgText;\n const document = new DOMParser().parseFromString(text, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove();\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":492,"value":"viewof removalSizeInMM = Inputs.range([0, 200], {\n label: \"Remove paths smaller than __ mm\",\n value: 1,\n step: 0.1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":615,"value":"removalSize = removalSizeInMM *\n (1 / 25.4) * // to inches\n 96 // dpi","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":358,"value":"viewof widthInInches = Inputs.range([2, 16], {\n label: \"Width in inches\",\n value: 7,\n step: 0.5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":366,"value":"heightInInches = Math.round(\n (100 * (widthInInches * +theSvg.attr(\"height\"))) / +theSvg.attr(\"width\")\n) / 100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":380,"value":"w = widthInInches * 96","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":383,"value":"h = heightInInches * 96","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":388,"value":"paperXtoImgX = d3.scaleLinear().domain([0, w]).range([0, +theSvg.attr(\"width\")])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":390,"value":"paperYToImgY = d3\n .scaleLinear()\n .domain([0, h])\n .range([0, +theSvg.attr(\"height\")])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":364,"value":"md`## Dimensions: ${widthInInches} in. by ${heightInInches} in.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":645,"value":"mutable originalNumOfPaths = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":649,"value":"mutable numPathsFilteredOut = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":556,"value":"filteredSVGtext = {\n const clone = theSvg.clone(true);\n\n const clonePaths = clone.selectAll(\"path\");\n\n mutable originalNumOfPaths = clonePaths.size();\n\n clonePaths.each(function (d, i, allNodes) {\n if (this.getTotalLength() < removalSize) {\n this.remove();\n }\n });\n\n clone.selectAll(\"g:empty\").remove();\n\n let filteredNumPaths = clone.selectAll(\"path\").size();\n mutable numPathsFilteredOut = originalNumOfPaths - filteredNumPaths;\n\n let s = new XMLSerializer();\n let str = s.serializeToString(clone.node());\n\n return str;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":665,"value":"{\n const toDownload = filteredSVGtext;\n\n return DOM.download(\n () => new Blob([toDownload], { type: \"image/svg+xml\" }),\n `${imgFile.name.replace(\n /\\.\\w+$/,\n \"\"\n )}_filteredOutSub${removalSizeInMM}mm.svg`,\n `Save filtered file`\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":707,"value":"img = renderSvgText(svgText, visibility)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":710,"value":"filteredImg = renderSvgText(filteredSVGtext, visibility)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":57,"value":"vecBetween = (p1, p2) => {\n return [p2[0] - p1[0], p2[1] - p1[1]];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":63,"value":"vecAdd = (p1, p2) => [p1[0] + p2[0], p1[1] + p2[1]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":88,"value":"vecMult = (n, vec) => [vec[0] * n, vec[1] * n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"normalize = ([x, y]) => {\n const length = Math.sqrt(x * x + y * y);\n return [x / length, y / length];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":235,"value":"objectMap = R.curry((f, obj) => Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, f(v)])))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":699,"value":"await imgFile.text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":180,"value":"import {poissonDiscSampler} from '@mbostock/the-delaunays-dual'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"import {findClosestColorFrom} from '@tstodter/cmyk-rgb-separation'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":230,"value":"import {humanName} from '@tstodter/pretty-color-name'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":237,"value":"R = require('ramda')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":598,"value":"svg = htl.svg","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":704,"value":"renderSvgText = async (text, vis) => {\n await vis();\n return html`${text.replace('viewBox=\"0 0 0 0\"', \"\")}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":676,"value":"theSvg2 = {\n const text = ``;\n\n const document = new DOMParser().parseFromString(text, \"image/svg+xml\");\n const svg = d3.select(document.documentElement).remove();\n\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"