25:["$","title",null,{"children":"Introduction to SVG | Matthew Rubino | Observable"}] 49:[] 29:{"id":"6a05ea2d64a293ef","slug":null,"title":"Introduction to SVG","thumbnail":"b9ba0f5a4c295eb5ff77748507294f6927a55f91dec17d805291e7de48348ef4","access_level":"public","create_time":"$D2023-02-01T01:19:30.405Z","update_time":"$D2023-02-01T01:19:30.405Z","view_time":null,"first_public_time":"$D2023-02-01T01:19:30.405Z","has_unpublished_edits":null,"fork":{"id":"09b3e194e16238cb","slug":"introduction-to-svg","title":"Introduction to SVG","owner":{"id":"70c3e45a1a202b95","login":"berkeleyvis","name":"Berkeley MIDS W209 Information Visualization Course"}},"stars":0,"starred":false,"owner":{"type":"team","id":"eb63f57083816d63","login":"rubinomq","name":"Matthew Rubino","avatar_url":"https://avatars-next.observableusercontent.com/d9a873db59cd64e9f6423d558e249e9876f348ed397a11a034a3818f85ab0426","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":121,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1487768ce5e2123f","login":"rubinomq","name":"Matthew Rubino","avatar_url":"https://avatars-next.observableusercontent.com/d9a873db59cd64e9f6423d558e249e9876f348ed397a11a034a3818f85ab0426","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"1487768ce5e2123f","login":"rubinomq","name":"Matthew Rubino","avatar_url":"https://avatars-next.observableusercontent.com/d9a873db59cd64e9f6423d558e249e9876f348ed397a11a034a3818f85ab0426","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Introduction to SVG","cells":[{"id":0,"value":"md`# Introduction to SVG`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"style = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"getLine(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"height = width * 0.4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null