2a: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(); }2b:[] 29:{"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"},{"id":179,"value":"{\n const button = html`