30: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`` }31:[] 2e:{"title":"Botanical shapes","cells":[{"id":0,"value":"md`# Botanical shapes`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":302,"value":"fill = ({\n\"green-A0\": \"#118833\",\n\"green-A1\": \"#11aa11\",\n\"green-A2\": \"#22cc22\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":323,"value":"petal = (l, rotation) => {\n const d = petalPath(l)\n \n return ``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"x = x => x","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"y = y => y","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":5,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}