2c:null 2d:["$","title",null,{"children":"Final Project: Covid-19 in Canada | quackas | Observable"}] 32:Tecb,test = { const svg = d3.create("svg") .attr("viewBox", [0, 0, screen.width + "px", screen.height + "px"]) .style('background-color', "blue") if(array[0].value === true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "red") .attr('filter', 'url(#border-blur2)'); } else if(array[1].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "green") .attr('filter', 'url(#border-blur2)'); } else if(array[2].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "pink") .attr('filter', 'url(#border-blur2)'); } else if(array[3].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "yellow") .attr('filter', 'url(#border-blur2)'); } else if(array[4].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "purple") .attr('filter', 'url(#border-blur2)'); } else if(array[5].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "brown") .attr('filter', 'url(#border-blur2)'); } else if(array[6].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "white") .attr('filter', 'url(#border-blur2)'); } else if(array[7].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "orange") .attr('filter', 'url(#border-blur2)'); } else if(array[8].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "teal") .attr('filter', 'url(#border-blur2)'); } else if(array[9].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "grey") .attr('filter', 'url(#border-blur2)'); } else if(array[10].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "white") .attr('filter', 'url(#border-blur2)'); } else if(array[11].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "white") .attr('filter', 'url(#border-blur2)'); } else if(array[12].value == true){ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "white") .attr('filter', 'url(#border-blur2)'); } else{ svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width + 500) .attr("height", screen.height + "px") .style('fill', "blue") .attr('filter', 'url(#border-blur2)'); } // return svg.node(); }33:[] 30:{"id":"5d5d617cc575acb6","slug":"covid-19-in-canada/2","title":"Final Project: Covid-19 in Canada","thumbnail":"a93999d5612a63103a9566e8dcd8f281378738beadfb4dfde211f55756c16294","access_level":"public","create_time":"$D2021-11-26T13:36:56.334Z","update_time":"$D2021-12-12T10:35:44.801Z","view_time":null,"first_public_time":"$D2021-12-05T07:50:53.827Z","has_unpublished_edits":null,"fork":{"id":"d94115fac6c62a19","slug":"covid-19-in-canada","title":"Covid-19 in Canada","owner":{"id":"0521628a0f2998c2","login":"quackas","name":""}},"stars":2,"starred":false,"owner":{"type":"team","id":"0521628a0f2998c2","login":"quackas","name":"","avatar_url":"https://avatars-next.observableusercontent.com/dabdc9b9adda77ca353ae654b9ce7e6cfdbe80dae8015a59d9220fe2562f92b7","tier":"starter_2024"},"version":759,"publish_version":759,"role":null,"authored":false,"authors":[{"type":"individual","id":"3f449a3cee7c85fa","login":"quackas","name":"","avatar_url":"https://avatars-next.observableusercontent.com/dabdc9b9adda77ca353ae654b9ce7e6cfdbe80dae8015a59d9220fe2562f92b7","tier":null}],"members":[{"type":"individual","id":"3f449a3cee7c85fa","login":"quackas","name":"","avatar_url":"https://avatars-next.observableusercontent.com/dabdc9b9adda77ca353ae654b9ce7e6cfdbe80dae8015a59d9220fe2562f92b7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Final Project: Covid-19 in Canada","cells":[{"id":0,"value":"md`# Final Project: Covid-19 in Canada \n\nThis dashboard is designed to be viewed in Fullscreen.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"{\n const button = html`