29:null 2a:["$","title",null,{"children":"Convert SVG to a Polyline | Dan Gorelick | Observable"}] 2f:T10c3,{ const sample_svg = `` return html`

Replace code below with your SVG code:

` }30:[] 2d:{"id":"d2f072e32927f793","slug":"converting-svg-to-a-polyline","title":"Convert SVG to a Polyline","thumbnail":"a272134df430d177a9f73a0a426dc0a527032975497648b779c243ce0b503a83","access_level":"public","create_time":"$D2020-01-28T20:22:53.621Z","update_time":"$D2020-01-28T21:07:55.714Z","view_time":null,"first_public_time":"$D2020-01-28T20:48:07.283Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"64f4aeb4a6db4069","login":"dqgorelick","name":"Dan Gorelick","avatar_url":"https://avatars-next.observableusercontent.com/abf7776bd6c859c969d9f05ca7bdef218d912abdbea99f6416525f1ef4e085f6","tier":"starter_2024"},"version":118,"publish_version":118,"role":null,"authored":false,"authors":[{"type":"individual","id":"a96d797531da0658","login":"dqgorelick","name":"Dan Gorelick","avatar_url":"https://avatars-next.observableusercontent.com/abf7776bd6c859c969d9f05ca7bdef218d912abdbea99f6416525f1ef4e085f6","tier":null}],"members":[{"type":"individual","id":"a96d797531da0658","login":"dqgorelick","name":"Dan Gorelick","avatar_url":"https://avatars-next.observableusercontent.com/abf7776bd6c859c969d9f05ca7bdef218d912abdbea99f6416525f1ef4e085f6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Convert SVG to a Polyline","cells":[{"id":0,"value":"md`# Convert SVG to a Polyline\n\nAdd the text of an SVG file and this will convert the curves into polylines.\n\nI created this tool because I was not able to find similar tools online that accomplish this. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"{\n return html`

Run this block of code below once your SVG is in the input above

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"{\n const svg = document.querySelectorAll('#input-svg')\n return html`

\n ${svg[0].value}\n

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"{\n const paths = document.querySelectorAll('#output-svg svg path')\n // const paths = svg.children\n const polylines = []\n console.log(paths)\n for (let i=0; iRun this to get your polyline\n

Increase samples to get more definition

\n`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"