3f:null 40:["$","title",null,{"children":"homework unit 6 | Mary Kromer | Observable"}] 46:[] 44:{"id":"75ca40f20afc7ab4","slug":"homework-unit-6","title":"homework unit 6","thumbnail":"44ba79ed54173d03d057f5775360d0d024283d684432827f6df8b709a4dc65fe","access_level":"public","create_time":"$D2020-09-22T20:56:03.904Z","update_time":"$D2020-09-22T21:30:12.573Z","view_time":null,"first_public_time":"$D2020-12-03T14:45:10.195Z","has_unpublished_edits":null,"fork":{"id":"d0bf757895a9a3f9","slug":"template","title":"Template","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":0,"starred":false,"owner":{"type":"team","id":"6a3ee212add6b33e","login":"mkrom","name":"Mary Kromer","avatar_url":"https://avatars-next.observableusercontent.com/a42e46ff651f9807d4df24d7b00ee3324eb13db8c5a754d3139f0abb7b81c216","tier":"starter_2024","bio":"","following":false},"version":82,"publish_version":82,"role":null,"authored":false,"authors":[{"type":"individual","id":"2a5c85ff0f624da6","login":"mkrom","name":"Mary Kromer","avatar_url":"https://avatars-next.observableusercontent.com/a42e46ff651f9807d4df24d7b00ee3324eb13db8c5a754d3139f0abb7b81c216","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"2a5c85ff0f624da6","login":"mkrom","name":"Mary Kromer","avatar_url":"https://avatars-next.observableusercontent.com/a42e46ff651f9807d4df24d7b00ee3324eb13db8c5a754d3139f0abb7b81c216","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"8159d7c217a9b915","slug":"homeworks","title":"Homeworks","owner":{"id":"6a3ee212add6b33e","login":"mkrom","name":"Mary Kromer"}},"type":"notebook","body":{"titling":"auto","title":"homework unit 6","cells":[{"id":0,"value":"md`# homework unit 6`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"svg = {\n const svg = html``\n const container = d3.select(svg)\n \n for(let i = 0; i < 100; i = i + 1){\n const x = Math.random()*600\n const y = Math.random()*300\n const r = Math.random()*40\n container.append(\"circle\") \n .attr(\"cx\",x) \n .attr(\"cy\",y)\n .attr(\"r\",r)\n .attr(\"fill\", \"red\")\n .attr(\"stroke\",\"black\")\n .attr(\"opacity\", .5)\n .on(\"mouseover\", function(){\n const target = d3.select(this)\n target.attr(\"fill\",\"purple\")\n })\n .on(\"mouseout\",function(){\n const target = d3.select(this)\n target.attr(\"fill\", \"red\") \n })\n \n }\n \n const pathData = d3.line().x(d => d.x).y(d => d.y).curve(d3.curveStep)(data) \n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\", \"blue\")\n .attr(\"opacity\", .5)\n .attr(\"d\", pathData)\n .on(\"mouseover\", function(){\n const target = d3.select(this)\n target.attr(\"fill\",\"white\")\n })\n \n \n \n \n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"data = {\n const data = []\n for(let i = 0; i < 100; i = i + 1){\n data.push({x:Math.random()*400, y:Math.random()*300})\n \n }\n return data \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"html`\n

CSS

\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 45:"$44:body"