31:[] 2f:{"title":"Introduction to SVG","cells":[{"id":0,"value":"md`# Introduction to SVG`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"data = Array.from({ length: 100 }).map(d => ({\n x: Math.random() * width,\n y: Math.random() * height\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"style = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":94,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"getLine(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"getLine = function(data) {\n let res = `M ${data[0].x},${data[0].y}`;\n\n res += data.reduce((prev, d) => prev + ` L ${d.x},${d.y}`, \"\");\n\n return res;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":117,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"height = width * 0.4","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}