2d:null 2e:["$","title",null,{"children":"How British Columbia Responds towards COVID-19 | Sorren Jao | Observable"}] 33:T7f9,md`As I write this report, the world is under a state of duress from the virus, COVID-19. The film Contagion (2011 film) depicts a fictional pandemic that is spread by respiratory droplets and physical contact. This affects how society functions in which several cities are placed under quarantine. https://www.imdb.com/title/tt1598778/ The film depicts many similarities towards the situation for the COVID-19 outbreak, including the fictional virus originating from China. Which is strangely specific to our real-life COVID-19 place of origin at Wuhan China. Much like the film, society is in a state of panic, people are afraid to get out of there homes, interact with one another and even go so far to horde essential items in their homes. Governments around the world are forced to enforce new laws and regulations to keep the cases from rising. Although some countries such as the US and Italy are slow to keep the case rising, others such as South Korea, and Taiwan have acted rather fast as the total cases have begun to flatten under a couple of weeks. My home country Canada BC, in my opinion, has acted appropriately towards the situation, as PM Justin Trudeau issued numerous jurisdictions to get abroad Canadians back home as soon as possible and to be placed under quarantine once they arrived. In my report, I will discuss in details how BC has responded towards COVID-19 by representing the data collected from governmental websites into visual mediums. The purpose of my report is to outline the events that had occurred, the actions that are done by the government, and to compare with other provinces to give a status update toward the scope of BC. The following visualizations below answers the following questions: is BC is lowering the number of cases?, is the newly issued laws effective?, and how is BC doing compared with the other provinces? My goal here is to keep the users and specifically, BC residents informed of the actions that have been done and the effect it creates on the overall province. `34:T8b1,VegaLite1({ data: {values: NoCanadaProv}, vconcat: [ { hconcat: [ { width: 400, height: 300, mark: {type: "point",filled: "true"}, title: "Number of cases", encoding: { x: { field: "Date", type: "temporal"}, y: {field: ["Number of cases"], type: "quantitative"}, tooltip: [{field: "Date", type: "temporal"}, { field: "Number of cases", type: "quantitative"},{ field:"Province_Name", type: "nominal"}], color: {condition: {selection: "click", field: "Province_Name", type: "nominal"}, value: "lightgrey"} }, size: {field: ["Daily cases"], type: "quantitative", scale: {domain: [1, 100]}}, selection: {plotbrush: {type: "interval",resolve: "global"}}, transform: [{filter: {selection: "brush"}}] }, { title: "Average of daily cases", encoding: { color: { condition: { field: "Province_Name", title: "Province_Name", selection: "click", type: "nominal" }, value: "lightgray" }, x: {aggregate: "average", field: ["Daily cases"],type: "quantitative"}, y: {field: "Province_Name", type: "nominal"} }, width: 400, mark: "bar", size: {field: "Province_Name", type: "quantitative", scale: {domain: [1, 50]}}, selection: {click: {encodings: ["color"], type: "multi"}}, transform: [{filter: {selection: "plotbrush"}}], transform: [{filter: {selection: "brush"}}] } ] }, { height: 500, width: 500, mark: "line", title: "Number of deaths", encoding: { x: {timeUnit: "monthdate", field: "Date", type: "ordinal"}, y: { field: "Num_of_Deaths", type: "quantitative", axis: {tickCount: 2, gride: false}}, color: {condition: {selection: "click", field: "Province_Name", type: "nominal"}, value: "lightgrey"}, tooltip: [{field: "Date", type: "temporal"}, { field: "Num_of_Deaths", type: "quantitative"},{ field:"Province_Name", type: "nominal"}], }, selection: {"brush": {encodings: ["x"], type: "interval", resolve: "intersect"}}, transform: [{filter: {selection: "plotbrush"}}] }] }) 35:T792,md`My first visualization to compare BC with other provinces uses line as the mark to easily compare the trends of BC with the other Canadian provinces. The length (x-axis), indicates the time in days in which the cases occurred. One thing to note is that this visualization does not include people who are infected that are not tested. So, the number of cases may be larger. As we can see in this visualization, Quebec has the steepest curve out of all the provinces within a short amount of time. Prince Edward has the flattest curve and the accumulation appears to be near stopping. The accumulation number of cases as of April 12 remained a low around 20-25. Given these comparisons, BC’s emergency actions throughout its province remain to put into effect as the accumulation of confirmed cases appears to be generally flattening as of April 12. When we compare BC with the other provinces, we can see that BC’s flattening is on par with Alberta with a slightly steeper curve in accumulation which may be due to higher city population density. Based on my visualization, we can see that BC’s accumulation is on par with western Canadian provinces although it is second-highest by a slight amount compared with Alberta. On the bright side, BC is nowhere near as high as the provinces located at central Canada and when we compare with other provinces as of April 12 and take a look at my timeline visualization, BC shows clear improvements for reducing the number of daily cases and as we can see the projections are flattening. My second visualization displays the same data as the one above. However, users can now see the number of cases simultaneously with the average number of cases and the number of deaths. Users can also interact with brushing and filtering to focus more in detail with certain attributes. By observing with multiple views of data, it allows users to better understand the context of the COVID-19.` 36:T607,md `As of April 13, 2020, BC holds approximately 70 deaths and 1490 cases. Despite this grim news, my visualizations prove to hold hope in the future of BC. Throughout my report, my visualizations have shown that the number of cases is improving. My timeline visualizations demonstrates that the emergency events done by the government have been effective as the number of daily cases begins to drop after a few days it was issued. As seen in my comparison visualizations, BC is nowhere near as high in cases and deaths as the provinces located in central Canada. According to CBC News, Health Officials confirm that the week of April is the lowest increase of cases. https://www.cbc.ca/news/canada/british-columbia/b-c-records-lowest-number-of-new-covid-19-cases-in-a-week-but-advised-to-hold-our-line-1.5522122 However, residents should still take responsibility and be careful as the Health Officials suggested. If BC keeps being responsible and keeps enforcing these actions until COVID-19 dies away, perhaps the curve would stay flat. Other aspects in the future, such as the vaccine in the works which would expose the body’s immune system with the virus could help keep the curve flatten, maybe permanently. https://www.theglobeandmail.com/life/health-and-fitness/article-why-will-it-take-so-long-to-develop-a-covid-19-vaccine/ I hope the next time there is a outbreak, the world would be more prepared. As Bill Gates suggests in his TedTalk: "There's no need to panic ... but we need to get going." https://youtu.be/6Af6b_wyiwI` 37:[{"id":"9674d052ab6c05b04e116bf3c8a649fc42ada349fd71a9636f0f2afcdb6dde810c2598f46fd4365d3ec58f1a58a7c13ca2332482d8f66d04a4b1a384717325a6","href":"https://static.observableusercontent.com/files/9674d052ab6c05b04e116bf3c8a649fc42ada349fd71a9636f0f2afcdb6dde810c2598f46fd4365d3ec58f1a58a7c13ca2332482d8f66d04a4b1a384717325a6","name":"Public_COVID-19_Canada.csv","type":"text/csv","lastModified":1585773442745.687,"size":331742},{"id":"bbb4a12c957fbe5ed071905277329c58e62e5ddb5eda2cb8fd34862536edd3f62af19188b289cedd136b14c3bc55de69aad7504104909fb2d2b8ab1a8cf5f0c0","href":"https://static.observableusercontent.com/files/bbb4a12c957fbe5ed071905277329c58e62e5ddb5eda2cb8fd34862536edd3f62af19188b289cedd136b14c3bc55de69aad7504104909fb2d2b8ab1a8cf5f0c0","name":"covid19_BC_Only.csv","type":"text/csv","lastModified":1586854702866.617,"size":4222},{"id":"861a58844287b8f3f8037337cb190f38b0989f7ee5cb0d06917c53720c16c201878b684ad96f35e3ca2e1a10a760b51376186bd577da9664a4a8fefb18d285fa","href":"https://static.observableusercontent.com/files/861a58844287b8f3f8037337cb190f38b0989f7ee5cb0d06917c53720c16c201878b684ad96f35e3ca2e1a10a760b51376186bd577da9664a4a8fefb18d285fa","name":"covid19_BC_Only_Newer_Date@1.csv","type":"text/csv","lastModified":1586940697133.606,"size":7463},{"id":"d48ca41f8501a4bf2f24a95433908f896b9ee7341f711632241375445daf3f822dadc4f341763697d131160a91850e8457b842bd83cbd42a7ff28fe6d5c7e6f4","href":"https://static.observableusercontent.com/files/d48ca41f8501a4bf2f24a95433908f896b9ee7341f711632241375445daf3f822dadc4f341763697d131160a91850e8457b842bd83cbd42a7ff28fe6d5c7e6f4","name":"covid19_With_New_Date.csv","type":"text/csv","lastModified":1586950152124.773,"size":53002},{"id":"ae6551ef76bd4d73fafb5174e696c68713b8fd3eb9526f439a2b750f67d25a913a5476cf8cf06df9321a420be205a7c5df5905374931fc52f8fc52ca1b379c30","href":"https://static.observableusercontent.com/files/ae6551ef76bd4d73fafb5174e696c68713b8fd3eb9526f439a2b750f67d25a913a5476cf8cf06df9321a420be205a7c5df5905374931fc52f8fc52ca1b379c30","name":"Public_COVID-19_Canada_Only_BC.csv","type":"text/csv","lastModified":1586952572550.306,"size":62013}] 31:{"id":"d9a3b603b40ef324","slug":"iat-355-final-project","title":"How British Columbia Responds towards COVID-19","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2020-04-01T20:26:44.601Z","update_time":"$D2025-11-21T01:44:47.438Z","view_time":null,"first_public_time":"$D2020-04-14T20:23:09.816Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"abe6f54447ba07ed","login":"sorrenjao","name":"Sorren Jao","avatar_url":"https://avatars-next.observableusercontent.com/8a7ccfad11bd8f52733a8e44e5b0481a9fb0b8e56dba0f97a251b8966eaeef32","tier":"starter_2024"},"version":888,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"765dec81c004a3f0","login":"sorrenjao","name":"Sorren Jao","avatar_url":"https://avatars-next.observableusercontent.com/8a7ccfad11bd8f52733a8e44e5b0481a9fb0b8e56dba0f97a251b8966eaeef32","tier":null}],"members":[{"type":"individual","id":"765dec81c004a3f0","login":"sorrenjao","name":"Sorren Jao","avatar_url":"https://avatars-next.observableusercontent.com/8a7ccfad11bd8f52733a8e44e5b0481a9fb0b8e56dba0f97a251b8966eaeef32","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"How British Columbia Responds towards COVID-19","cells":[{"id":0,"value":"md`# How British Columbia Responds towards COVID-19`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"md`#### By: Sorren Jao 301302783`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"md`\n

[Abstract](#p1)

[Scope](#p2)

[Taking a look at the emergency events of BC](#p3)

[Taking a closer look at BC](#p4)

[Comparing BC with the other provinces and territories of Canada](#p5)

[Conclusion](#p7)

[Video demo](#p8)

[Unimplemented visualizations ](#p9)

[Library imports](#p10)

[Dataset imports](#p11)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"md`# How British Columbia Responds towards COVID-19`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"p1=md`## Abstract`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":819,"value":"md` This report demonstrates how Canada BC acted towards the COVID-19 outbreak as of April 13, 2020. To describe and inform the residents living in BC or to inform any curious user, I had designed visualizations for the number of cases into visual mediums. My report features a visual timeline that gauges the number of cases daily and an accumulation of cases for each day in BC. In this visualization, users can interact with it and view the events that had occurred of a certain day. My report also features 2 visualizations that compare cases and deaths with the other provinces. One of them displaying multiple views so that the user can gain a wider perspective on the situation.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"p2=md`## Scope`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"p3=md`## Taking a look at the emergency events of BC`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":720,"value":"md `As of April 9, 2020, China has had 81,907 cases. According to recent news, the number of cases for China is flattening. Special events such as the Wuhan city shut down, quarantines, and the creation of new hospitals are some of the possible contributors to flattening. This visualization observes the number and daily cases of BC and also observes the emergency events that had occurred. My visualization will keep the residents of BC informed about the actions done in BC as of April 13, 2020, and provide possible factors that underlie the trends.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"md`### BC emergency event timeline`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":748,"value":"md`#### Case`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"viewof slct = select([\"Daily cases\",\"Number of cases\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"md`#### Mark type`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"viewof slct2 = select([\"bar\",\"line\",\"area\" ])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"embed({\n data: {values:OnlyBC},\n width: 1000,\n height: 500,\n mark: {\"type\": slct2, \"line\": true, \"point\": true},\n // selection: {brush: {type:\"quantitative\"}},\t\t\n encoding: {\n\n \n y: {\n field: slct, \n type: \"quantitative\"\n //aggregate: \"distinct\", \n \n },\n x: {\n field: \"Date\", \n type: \"ordinal\"\n //aggregate: \"distinct\",\n },\n tooltip: [{field:slct, type:\"quantitative\"},{field:\"Date\",type:\"ordinal\"},{ field: \"Events\", type: \"nominal\"}],\n //color: {field: slct, type: \"quantitative\", range: [\"#FF0000\",\"#8E1600\"]},\n \n }\n }\n\n )\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"md`### Data sets & dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"md `To create my visualization I had used the COVID-19 dataset from the Canadian Health Infobase. I had filtered my dataset to only read cases from the province of British Columbia. From this dataset I had used the number of daily cases and the number of total cases as my quantitative data types, one ordinal data type for the dates, and one nominal data type for the events. My events was based on the CBC British Columbia key events timeline. https://www.cbc.ca/news/canada/british-columbia/covid-19-bc-timeline-1.5520943`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":712,"value":"md`### Interactions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":715,"value":"md `Users can select at the top of the screen to view the daily cases or the number of cases accumulated per day. Users can also select the type of mark to visualize the quantity of cases. They can select bar, line, or area. If the user hovers over a plot on the graph they will see a tooltip that will detail the number of cases, the date, and any events that had occurred on that plot.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"md`### Design decisions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"md`Throughout the COVID-19 crisis, many visualizations made by media provide total case numbers and daily cases. However, there were few that I found that contained details regarding the causation for the number of cases at a certain date. One example is in an article edited by Zunyou Wu and Jennifer McGoogan from JAMA Network, which depicts a visualization that outlines a timeline for the events that the Chinese Center for Disease Control and Prevention had done during the outbreak. https://jamanetwork.com/journals/jama/fullarticle/2762130\n\nThe visualization that I designed above is my solution for keeping the users informed about the events and actions while showing the case numbers. This allows plausible explanations towards the trends of the cases.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"md`### Analysis `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"md `From this visualization, we can see that from around the middle to late March, the number of cases begins to rise significantly. This was around the time that care homes such as the outbreak in Lyn Valley and the outbreak in Lionsgate hospital had occurred. At around March 24-28, the number of cases per day is at it’s most being 145-159 cases. After March the cases per day begin to decrease. Using the tooltip and hovering over March 21-30 details emergency events that had taken place such as the mandatory quarantines and stopping of businesses. Based on this observation, it is suggested that these emergency events correlate with the decrease at the end of March.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"p4=md`## Taking a look at BC Health Regions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"embed({\n data: {values:BCHealth},\n width: 1000,\n height: 500,\n mark: \"bar\",\n // selection: {brush: {type:\"quantitative\"}},\t\t\n encoding: {\n\n \n y: {\n //field: slct, \n field:\"*\", \n //type: \"count\"\n aggregate: \"count\", \n \n },\n x: {\n field: \"Health_Region\", \n type: \"ordinal\"\n //aggregate: \"distinct\",\n },\n color: {field: \"Health_Region\", type: \"nominal\", range: [\"#4e79a7\",\"#f28e2c\",\"#e15759\",\"#76b7b2\"]},\n tooltip: [{ field: \"Travel\", type: \"nominal\"}],\n }\n }\n\n )\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"p5=md`## Comparing BC with the other provinces and territories of Canada`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"viewof slct3 = select([\"Daily cases\",\"Number of cases\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":" embed({\n data: {values:NoCanadaProv},\n width: 800,\n height: 500,\n //\"vconcat\": [\n //{\n mark: {\"type\": \"line\", \"line\": true, \"point\": true},\nencoding: {\n \n\n //\"condition\": {\n x: {field: \"Date\", type: \"ordinal\"},\n y: {field: slct3, type: \"quantitative\"},\n color: {field: \"Province_Name\", type: \"nominal\", range: [\"#ff0000\",\"#ffa500\",\"#ffff00\",\"#f28e2c\",\"#e15759\",\"#76b7b2\"]},\n tooltip: [{ field:\"Province_Name\", type: \"nominal\"},{ field:slct3, type: \"quantitative\"}], \n //\"selection\": \"brush\",\n //\"type\": \"nominal\"\n \n//},\n //\"selection\": {\"brush\": {\"encodings\": [\"y\"], \"type\": \"interval\"}},\n //\"transform\": [{\"filter\": {\"selection\": \"click\"}}] \n }\n }\n // ]\n // }\n \n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":697,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":757,"value":"md`### Data sets & dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"md`To create my visualization I had used the COVID-19 dataset from the Canadian Health Infobase. I have filtered the provinces to exclude any named “Canada” which gives the total number of cases added together from all of the provinces. \nThese visualizations include the dimensions daily cases, number of cases, and number of deaths as the quantitative data types. Province dimensions are nominal data types represented by distinct colors and the date dimensions are ordinal and temporal data types.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":771,"value":"md`### Interactions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"md`First visualization\n\nUsers can select at the top of the screen to view the daily cases or the number of cases accumulated per day.\n\nSecond visualization\n\nIn the Number of cases chart, users can brush through the plots which will adjust the focus for the Number of deaths. By clicking and dragging or using the scroll the user can adjust the size of the brush window. In the Average of daily cases chart the user can click on a province bar and this will select the province to filter by for all the charts. This will make all the other provinces grey and the selected will only be shown.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"md`### Design decisions & analysis`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"p7=md`## Conclusion`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":852,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"p8=md`## Video demo`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"md`https://vimeo.com/407512363`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"p9=md`## Unimplemented visualizations`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"\nvl.markLine()\n .data(NoZeroCasesToday)\n .transform(vl.calculate(\"timeParse(datum.quarter, '%b-%y')\").as(\"quarter_date\"))\n .encode(vl.x().fieldT(\"Date\").timeUnit(\"yearmonthdate\").title(\"Quarter\"),\n vl.y().fieldQ(\"Num_Today\"))\n .render()\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"embed({\n \n data: {values: OnlyBC,\n format {\n parse: {\"Date\": \"utc:'%d %b %Y %H:%M:%S'\"}\n }\n },\n \n \n mark: \"line\",\n encoding: {\n x: {\n timeUnit: \"yearmonthdate\",\n field: \"Date\",\n type: \"temporal\"\n },\n y: {\n aggregate: \"mean\",\n field: \"Num_of_Cofirmed\",\n type: \"quantitative\"\n }\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":791,"value":"embed({\n \"data\": \n {\"values\":[BCHealth]},\n \"layer\": [{\n \"mark\": {\"type\": \"arc\", \"innerRadius\": 20, \"stroke\": \"#fff\"}\n },{\n \"mark\": {\"type\": \"text\", \"radiusOffset\": 10},\n \"encoding\": {\n \"text\": {\"field\":\"Health_Region\", type: \"ordinal\"}\n }\n }],\n \"encoding\": {\n \"theta\": {\"field\": \"Health_Region\", type: \"ordinal\", \"stack\": true},\n \"radius\": {\"field\": \"Health_Region\", type: \"ordinal\", \"scale\": {\"type\": \"sqrt\", \"zero\": true, \"range\": [20, 100]}},\n \"color\": {\"field\": \"Health_Region\", type: \"ordinal\", \"legend\": null}\n },\n \"view\": {\"stroke\": null}\n}\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"embed({\n \"data\": {\n \"values\": BCHealth,\n \n \"category\": \"Health_Region\", \"value\": \"ProvId\"\n },\n \"mark\": \"arc\",\n \"encoding\": {\n \"theta\": {\"field\": \"value\", \"type\": \"quantitative\"\n },\n \"color\": {\"field\": \"category\", \"type\": \"nominal\"}\n },\n \"view\": {\"stroke\": null}\n})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"p10=md `## Library imports`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md `#### D3 libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md `#### Vega libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import { vl } from \"@vega/vega-lite-api\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"VegaLite1 = require(\"vega-embed@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"embed = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"embed2 = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"import {radio, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"p11=md `## Dataset imports`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"md`### BC Dataset`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"md `Source: https://health-infobase.canada.ca/src/data/covidLive/covid19.csv`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"casesInBC = d3.csvParse(await FileAttachment(\"covid19_BC_Only.csv\").text())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"md `#### BC Attribute assignments`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"OnlyBC = d3.csvParse((await FileAttachment(\"covid19_BC_Only_Newer_Date@1.csv\").text()),function(d){\n return{\n Province_ID: d.pruid,\n Province_Name: d.prname,\n Province_French: d.prnameFR,\n Date:d.newDate,\n [\"Number of cases\"]:+d.numconf,\n Num_of_Prob:d.numprob,\n Num_of_Deaths:d.numdeaths,\n Num_of_Total:d.numtotal,\n Num_of_Tested:d.numtested,\n Num_of_Recover:d.numrecover,\n Percent_of_Recover:d.percentrecover,\n Rate_Tested:d.ratetested,\n [\"Daily cases\"]:+d.numtoday,\n Percent_Today:+d.percentoday,\n Events:d.events,\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"md `#### BC Data cleaning`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"NoZeroCasesToday= OnlyBC.filter( (d)=> {return d[\"Num_Today\"] >0;})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"md`### Canada dataset`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"Canada = d3.csvParse((await FileAttachment(\"covid19_With_New_Date.csv\").text()),function(d){\n return{\n Province_ID: d.pruid,\n Province_Name: d.prname,\n Province_French: d.prnameFR,\n Date:d.newDate,\n [\"Number of cases\"]:+d.numconf,\n Num_of_Prob:d.numprob,\n Num_of_Deaths:d.numdeaths,\n Num_of_Total:d.numtotal,\n Num_of_Tested:d.numtested,\n Num_of_Recover:d.numrecover,\n Percent_of_Recover:d.percentrecover,\n Rate_Tested:d.ratetested,\n [\"Daily cases\"]:+d.numtoday,\n Percent_Today:+d.percentoday,\n Events:d.events,\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"NoCanadaProv= Canada.filter( (d)=> {return d[\"Province_Name\"]!=[\"Canada\"];})//omits canada as a province","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"md`### BC health region dataset`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"BCHealth= d3.csvParse((await FileAttachment(\"Public_COVID-19_Canada_Only_BC.csv\").text()),function(d){\n return{\n Id:d.case_id,\n ProvId:+d.provincial_case_id,\n Health_Region:d.health_region,\n Prov:d.province,\n Country:d.country,\n Travel:d.travel_history_country,\n Acquired:d.locally_acquired,\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"md `### Old Canada dataset`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"casesInCanada = d3.csvParse(await FileAttachment(\"Public_COVID-19_Canada.csv\").text())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"