40:null 41:["$","title",null,{"children":"Disease Dots Simulation | vonnie | Observable"}] 47:Tb12,class Walker{ constructor(element,x,y,theta){ this.x = x this.y = y this.theta = theta this.ishealthy = 'healthy' this.fill = 'lightgreen' this.circle = element.append('circle') .attr("fill",this.fill) .attr("stroke",'black') .attr('cx',x) .attr('cy',y) .attr('r',5) } // Checks if next step is going to go out of bounds and flips theta in opposite direction if it is; // checks if not diseased to add to # of diseased / # of healthy and converts to diseased // diseased(d) is within the `step(d)` function diseased(d){ if (this.x + Math.sin(this.theta) * d < 0) {this.x = 0 this.theta = Math.PI*2.5 if (this.ishealthy != 'diseased') {mutable diseased = mutable diseased + 1 mutable healthy = mutable healthy - 1 return this.ishealthy = 'diseased'} return this.x, this.ishealthy, this.theta } if (this.x + Math.sin(this.theta) * d > 500) {this.x = 500 this.theta = Math.PI*1.5 if (this.ishealthy != 'diseased') {mutable diseased = mutable diseased + 1 mutable healthy = mutable healthy - 1 return this.ishealthy = 'diseased'} return this.x, this.ishealthy, this.theta } if (this.y + Math.cos(this.theta) * d < 0) {this.y = 0 this.theta = Math.PI*4 if (this.ishealthy != 'diseased') {mutable diseased = mutable diseased + 1 mutable healthy = mutable healthy - 1 return this.ishealthy = 'diseased'} return this.y, this.ishealthy } if (this.y + Math.cos(this.theta) * d > 500) {this.y = 500 this.theta = Math.PI*1 if (this.ishealthy != 'diseased') {mutable diseased = mutable diseased + 1 mutable healthy = mutable healthy - 1 return this.ishealthy = 'diseased'} return this.y, this.ishealthy } } step(d){ if (this.ishealthy == 'diseased') {this.circle.attr('fill','red')} this.x = this.x + Math.sin(this.theta) * d this.y = this.y + Math.cos(this.theta) * d this.theta = d3.randomUniform(0,2*Math.PI)() this.diseased(d) return this.circle.transition().duration(d3.randomUniform(.5,2)()*1000) .ease(d3.easeLinear).attr('cx',this.x).attr('cy',this.y) } async walk(step){ for(let i = 0; i <= step; i = i + 1){ const d = 50 await this.step(d).end() } } }48:[] 45:{"id":"4183691e11c3f0d0","slug":null,"title":"Disease Dots Simulation","thumbnail":"a58a091a34482cb1750015059e657a0105372e6cfd9edc2ffe52596a217ebe42","access_level":"public","create_time":"$D2023-03-27T23:46:39.643Z","update_time":"$D2025-01-17T18:33:56.444Z","view_time":null,"first_public_time":"$D2023-03-27T23:46:39.643Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"95bf53e476f8eeec","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":"starter_2024","bio":"I just be coding","following":false},"version":706,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"03f7ce48da2af97d","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":null,"bio":"I just be coding","following":false}],"members":[{"type":"individual","id":"03f7ce48da2af97d","login":"vipndip","name":"vonnie","avatar_url":"https://avatars-next.observableusercontent.com/997a0f51d1dc6891c31148088484a4ed11328c1030ec088a03b60208df8cea87","tier":null,"role":"editor"},{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null,"role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"d6598d144c3dfc56","slug":"advanced-data-vis","title":"Advanced Data Vis","owner":{"id":"95bf53e476f8eeec","login":"vipndip","name":"vonnie"}},"type":"notebook","body":{"titling":"auto","title":"Disease Dots Simulation","cells":[{"id":0,"value":"# Disease Dots Simulation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":448,"value":"viewof run = Inputs.toggle({label:'start/reset simulation'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"seconds = {\n if(run){\n for(let i = 0;i <= 500;i = i + 1){\n yield Promises.delay(100, i);\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"mutable diseased = reset","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":604,"value":"mutable healthy = resethealth","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":681,"value":"html`

${dots}

${plot}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"dots = {\n\n if (run){\n \n const container = d3.select(DOM.svg(500,500)).attr('style','border:solid black 1px')\n\n yield container.node()\n \n for (let i =0; i < resethealth; i= i+1){\n new Walker(container,250,250,d3.randomUniform(0,2*Math.PI)()).walk(50,500)\n }\n \n container.append('line').attr(\"stroke\",\"black\").attr('x1',250).attr('y1',0).attr('x2',250).attr('y2',500)\n container.append('line').attr(\"stroke\",\"black\").attr('x1',0).attr('y1',250).attr('x2',500).attr('y2',250)\n container.append('line').attr(\"stroke\",\"black\").attr('x1',500).attr('y1',0).attr('x2',500).attr('y2',500)\n container.append('line').attr(\"stroke\",\"black\").attr('x1',0).attr('y1',500).attr('x2',500).attr('y2',500)\n \n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"plot = {\n seconds\n\n const plot = Plot.plot({\n x:{domain:[0,1000], grid:true},\n y:{domain:[0,250], grid:true},\n marks:[\n Plot.lineY(results,{x:\"seconds\",y:\"diseased\", stroke:'red', opacity:1}),\n Plot.lineY(results,{x:\"seconds\",y:\"healthy\", stroke:'lightgreen', opacity:1}),\n Plot.ruleX([0]),\n Plot.ruleY([0])\n ]\n })\n \n\n return plot\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"reset = {if (run) \n {const reset = 0\n return reset}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"resethealth = {if (run) \n {const resethealth = 200\n return resethealth}}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"results =\n {if (run) \n {return []}\n return 0\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":453,"value":"results.push({seconds:seconds,diseased:diseased,healthy:healthy})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 46:"$45:body"