2e:null 2f:["$","title",null,{"children":"Botanical shapes | Alec Barrett | Observable"}] 34:T865,{ const S = 100 const d2 = s => bezier([ [.3*s, .72*s], [.2*s, .72*s], [.2*s, .25*s], [.1*s, .1*s] ]) + bezier([ [.1*s, .1*s], [.25*s, .15*s], [.75*s, 0*s], [.95*s, .05*s] ], false) + bezier([ [.9*s, 0], [.7*s, .25*s], [.7*s, .72*s], [.7*s, .72*s] ], false) + bezier([ [.7*s, .72*s], [.6*s, .64*s], [.4*s, .64*s], [.3*s, .72*s] ], false) + 'Z' const d1 = s => bezier([ [.3*s, .72*s], [.3*s, .72*s], [.3*s, .25*s], [0, 0] ]) + bezier([ [0, 0], [.25*s, .1*s], [.75*s, .1*s], [s, 0] ], false) + bezier([ [s, 0], [.7*s, .25*s], [.7*s, .72*s], [.7*s, .72*s] ], false) + bezier([ [.7*s, .72*s], [.6*s, .64*s], [.4*s, .64*s], [.3*s, .72*s] ], false) + 'Z' return html`` }35:[] 32:{"id":"ea996f7b6c647fb8","slug":"botanical-shapes","title":"Botanical shapes","thumbnail":"e249142c5b9d0f4b64cb50eb0e202f24f64a29b60f7c048d003147959a319e5e","access_level":"public","create_time":"$D2021-01-18T03:02:28.495Z","update_time":"$D2021-02-01T00:16:18.827Z","view_time":null,"first_public_time":"$D2021-01-21T18:03:20.749Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a22e826d0f3dc150","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":"starter_2024"},"version":378,"publish_version":378,"role":null,"authored":false,"authors":[{"type":"individual","id":"3efd68de913f5c25","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":null}],"members":[{"type":"individual","id":"3efd68de913f5c25","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"a9711f622981658a","slug":"everyrow","title":"EveryRow","owner":{"id":"a22e826d0f3dc150","login":"anbnyc","name":"Alec Barrett"}},"type":"notebook","body":{"title":"Botanical shapes","cells":[{"id":0,"value":"md`# Botanical shapes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"md`This notebook is an exploration of SVG shapes I can use to visualize data using unconventional graphics, which are inspired by botanical and ecological sources.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"{\n const p1 = bezier(\n [\n [0, 150],\n [30, 140],\n [70, 120],\n [0, 0]\n ]\n )\n const p2 = bezier(\n [\n [0, 150],\n [20, 140],\n [30, 30],\n [0, 0]\n ]\n )\n const p3 = bezier(\n [\n [0, 150],\n [-100, 120],\n [-20, 100],\n [0, 0]\n ]\n )\n return html``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"fill = ({\n\"green-A0\": \"#118833\",\n\"green-A1\": \"#11aa11\",\n\"green-A2\": \"#22cc22\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"petalPath = (l, wS=1) => bezier([\n [0, -l],\n [-30*wS, -.99*l],\n [-5, 0],\n [0, 0]\n]) + bezier([\n [0, 0],\n [5, 0],\n [30*wS, -.99*l],\n [0, -l]\n], false) + 'Z'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"petal = (l, rotation) => {\n const d = petalPath(l)\n \n return ``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"x = x => x","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"y = y => y","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"bezier = (points, M = true) => \n `${M ? `M${x(points[0][0])},${y(points[0][1])}` : ''}\n C${x(points[1][0])},${y(points[1][1])} \n ${x(points[2][0])},${y(points[2][1])} \n ${x(points[3][0])},${y(points[3][1])}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"