-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvis.html
More file actions
207 lines (193 loc) · 24.9 KB
/
vis.html
File metadata and controls
207 lines (193 loc) · 24.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html>
<head>
<title>Visualizing Mobility and COVID-19</title>
<link rel="stylesheet" href="vis.css">
</head>
<body>
<h1 id="article-title">Visualizing Mobility and COVID-19</h1>
<h2 id="author-box"><i>Authors:</i> Lily Bryant, Frank Yu, James Yoo</h2>
<h3 id="date-box">December 10, 2020</h3>
<img id="teaser-img" src="./media/covid-banner.jpg" alt="teaser">
<hr id="title-sep">
<p id="intro-par">
<i>"The COVID-19 pandemic is without a doubt the largest event in recent memory to have disrupted the lives of billions of people on a global scale. Many across the globe have changed their daily routines: how they work, play, and otherwise spend their time." <span class="citation">[1]</span></i>
</p>
<div class="fbox">
<div>
<p class="reg-par">
While the pandemic is now a constant in daily life, the ways in which society has adapted its mobility is ever-changing, with factors such as seasonality and changes in public policy directly affecting movement. In this interactive explainer article, we detail changes in mobility in Canada during the COVID-19 pandemic, with emphasis on the province of British Columbia, through a series of visualizations. "Furthermore, we will not be visualizing or generating any data on how COVID-19 progresses in a region as we are not experts in epidemiology, and presenting data in this space would be unethical." <span class="citation">[1]</span> Instead, our visualizations and data are centered on the following mobility categories:
<ul>
<li>Workplaces</li>
<li>Transit Stations</li>
<li>Residential</li>
<li>Parks</li>
<li>Retail and Recreation</li>
<li>Grocery and Pharmacy</li>
</ul>
</p>
<p class="reg-par">
The original source for our data is provided by Google's COVID-19 <a href="https://www.google.com/covid19/mobility/">Community Mobility Reports</a>; the data is presented as a percentage change compared against the baseline five-week period of January 3 - February 6, 2020, and begins on February 15, 2020. This data is collected and maintained by Google and is frequently updated with newer data.
</p>
<p class="reg-par">
While the data collected by Google is incredibly thorough, there are dates for which there is no reported mobility. This is because Google does not release information for a specific date or mobility category if there is not enough data to maintain privacy guarantees. Because the data for the baseline is static and collected in January, it does not take into account any expectations we would have for future mobility (e.g. seasonality). For example, we later observe that mobility in the Parks category is more than 200% times the baseline during the summer months. However, this makes sense with our knowledge that people generally do not go to parks much in the winter since it is cold, but will go more frequently when the weather is warmer. Furthermore, the data collected for the Residential category is measured as “hours spent” rather than total visitors. Therefore, we will see that there are small changes in Residential mobility since people will generally spend most of the day at home. Lastly, because mobility is reported as a percentage change from a baseline, we cannot draw any conclusions about the total mobility for any category.
</p>
<p class="reg-par">
In the following sections, we will present a number of visualizations alongside short explanations for the data and trends, but we leave further exploration to you, the reader.
</p>
</div>
</div>
<hr id="title-sep">
<h2 class="title-sep">Overview</h2>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Choropleth Map</h3>
<p class="reg-par">
Our first visualization provides a choropleth map representation of Canadian mobility. From this, we can see per-day differences and similarities across every province and territory. We also provide a play button if you wish to see an animated version of this visualization. With this animated version, we can already start to see some trends emerge in the data. If you are curious as to the exact values for a province or territory, simply hover over the region of interest and a box will tell you the exact percentage change. Regions with missing data are represented with a light grey.
</p>
<h3 class="subtitle">Surprise Map</h3>
<p class="reg-par">
While choropleth maps can show a lot of information, we should take note of their limitations. For example, what if we see a 50% increase above baseline in both British Columbia and Nova Scotia? Does this mean that we should view these results as equally surprising or should we be more surprised that a province with a lower population (Nova Scotia) has the same percentage increase in mobility as a province with a larger population (British Columbia)? To help answer questions like this, we present a Surprise Map visualization for the mobility data to show if there are any anomalies in interprovincial mobility.
</p>
<p class="reg-par">
Surprise Maps were originally introduced by Michael Correll and Jeffrey Heer as an alternative to standard choropleth maps <span class="citation">[2]</span> and allow us to see if there are any anomalies or points of interest that we should explicitly focus on. In this visualization, we present the mobility data as a signed surprise value rather than a percentage change in mobility. The signed surprise shows whether the given percent change in mobility is above or below the expected amount. Two prior models determine the expectation. The first model assumes that the mobility between provinces should be approximately the same. The second model assumes that the mobility in each province for each category should be approximately zero with the variance inversely proportional to the population for each category. Again, any dates where there is missing data are shown in a light grey.
</p>
<p class="reg-par">
One subset of the dataset to focus on is the summer months of July and August for the Parks mobility category. If we look at just the percentage change in mobility, we can see that mobility in almost all provinces is much higher than the baseline. However, when we look at the surprise map for the same corresponding dates, we see that only some regions have higher or lower values than expected when comparing between provinces.
</p>
</div>
<div class="fcols vis-col">
<iframe width="100%" height="1235" frameborder="0"
src="https://observablehq.com/embed/@yu-frank/choropleth-and-surprise-map-for-canada?cell=viewof+scrubber&cell=text&cell=viewof+chosen_category&cell=chart&cell=legend_works&cell=surprise_chart&cell=surprise_legend"></iframe>
</div>
</div>
<hr id="title-sep">
<h2 class="title-sep">Changes in our Mobility</h2>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Transit</h3>
<p class="reg-par">
Public transit is an invaluable part of everyday life for many people across Canada. In British Columbia alone, there were a total of 453 million public transit boardings in 2019. This is an increase from 363 million boardings in 2015. In fact, the designation of the busiest bus line in North America belongs to the 99-B Line in Vancouver <span class="citation">[3]</span>.
The COVID-19 pandemic has led to restrictions on workplaces and social gatherings. Naturally, people are no longer travelling at the same levels they were before the pandemic. For example:
<p class="block-quote"><i>"Close to half of bus riders have not returned to transit as TransLink resumed full services this past summer after limiting them in the early days of COVID-19." <span class="citation">[4]</span></i></p>
and this is corroborated by the visualization we present on the right. This pattern is also not something that is local to British Columbia or one Canadian province or territory. Based on available data from February 14, 2020 to December 1, 2020, it is clear that most regions of Canada have not returned to the levels of travel observed before the pandemic.
</p>
<p class="reg-par">
One may surmise from this visualization that, in general, people are not travelling as much as they used to. An interesting observation is that although regions were under heavier travel restrictions at different times, the general pattern of decreased transit mobility appears to be common among them throughout the recorded time period.
It is also interesting to observe the almost immediate drop-off in transit mobility in mid-March. This can be explained by the imposition of harsher travel restrictions after the WHO declared COVID-19 outbreak a pandemic <span class="citation">[5]</span>.
</p>
</div>
<div class="fcols vis-col">
<iframe height="950" frameborder="0" src="https://observablehq.com/embed/@jyoo980/untitled?cell=chart&cell=legend&cell=viewof+range&cell=sliderHeader&cell=viewof+ch1"></iframe>
</div>
</div>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Workplaces</h3>
<p class="reg-par">
The workplace has undergone a number of transformative changes over recent years. From cubicles to open-office concepts, the modern workplace is, for better or for worse, the place where most people spend the majority of their waking hours. With the introduction of public health measures to curb the spread of COVID-19, many workplaces have “gone virtual.” This means that many people who would otherwise be commuting to the office for work are instead telecommuting where applicable. In the visualization to the right, one can clearly see the sharp dropoff around mid-March when COVID-19 restrictions around Canada were introduced.
</p>
<p class="reg-par">
Statistics Canada reported earlier this year that nearly one-third (32.6%) of businesses had 10% or more of their workforce were working remotely on May 29, 2020 <span class="citation">[6]</span>. The troughs in the previous visualization can be explained by workplace mobility understandably dropping toward the weekend. Major drops are explained by regional/nation-wide holidays such as Family Day or Canada Day.
Looking beyond the direct impacts of COVID-19, it is interesting to consider the future implications that this pandemic has had, and continues to have on the future of work. Statistics Canada also reported that close to one-quarter (22.5%) of businesses expect that 10% or more of their workforce will continue to telework or work remotely <span class="citation">[6]</span>.
</p>
</div>
<div class="fcols vis-col">
<iframe height="950" frameborder="0" src="https://observablehq.com/embed/@jyoo980/changes-in-our-mobility-workplace?cell=chart&cell=legend&cell=viewof+range&cell=sliderHeader&cell=viewof+ch1"></iframe>
</div>
</div>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Residential</h3>
<p class="reg-par">
</p>
<p class="reg-par">
An interesting observation to note is that this mobility category is one that demonstrates a trend in a positive direction. Since fewer people are commuting to work, attending social gatherings, and in general, leaving their homes less, we see that there is an increase in mobility for the residential category.
</p>
</div>
<div class="fcols vis-col">
<iframe height="950" frameborder="0" src="https://observablehq.com/embed/@jyoo980/changes-in-our-mobility-residential?cell=chart&cell=legend&cell=viewof+range&cell=sliderHeader&cell=viewof+ch1"></iframe>
</div>
</div>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Parks</h3>
<p class="reg-par">
With most citizens being predominantly homebound since the pandemic began, many are looking for activities to both socialize and remain active in a safe manner. Weather-permitting, parks and outdoor spaces have become a hotspot for meeting friends at an acceptable distance, exercising, and taking a break from the new normal of home which now often includes work, school, and leisure.
</p>
<p class="reg-par">
In fact, CBC News recently reported that regional park use in Metro Vancouver has increased to 14.4 million visits by the end of October, a 37% change from the recent averages of 11 to 12 million per year <span class="citation">[7]</span>. A recent survey by Park People, an independent charity for building community through parks, found that 70% of the 1600 residents surveyed across the country have had an increased appreciation for parks and green spaces since the COVID-19 pandemic began. The respondents cited mental health, physical health, connection to nature, and social connection as top reasons for this appreciation; the latter was found to be particularly high for those who live alone. <span class="citation">[8]</span>
</p>
<p class="reg-par">
These patterns appear to extend to our visualization to the right. It shows large increases in park attendance from baseline for both British Columbia and Canada overall. However, in the national view, we note that the variation is less extreme. We partially attribute this variance to the decreased viability of visiting parks in the winter in many provinces and territories in Canada due to weather. <a href="https://support.google.com/covid19-mobility/answer/9824897?hl=en&ref_topic=9822927">As noted by Google</a>, readers are reminded that park attendance will naturally increase in the warmer months, so some positive change from the baseline taken in January and February is expected.
</p>
<h3 class="subtitle">Retail & Recreation and Grocery & Pharmacy</h3>
<p class="reg-par">
Due to lockdown measures and general safety concerns, retail industries have seen a significant change in traffic during the pandemic. With most people spending more of their time at home, e-commerce, socially-distanced curbside pick-up, and local delivery have become immensely popular in comparison to standard storefronts. Many retail chains which rely on physical stores have gone bankrupt or converted to online-only storefronts in record numbers, <span class="citation">[9]</span> whereas online retail giants like Amazon have seen massive gains <span class="citation">[10]</span>. Additionally, likely due to both lockdown restrictions and safety unease, recreation industries such as sport have also seen major declines with all professional sports leagues taking significant breaks <span class="citation">[11]</span>.
</p>
<p class="reg-par">
Experts at KPMG, a multinational accounting and professional services network, discuss how many retailers have seen a sharp decline in “physical footfall” at brick-and-mortar stores and malls during the pandemic and, during strict lockdowns, a complete closure of these locations. However, in contrast, they note that other essential retailers, such as grocery stores, have had an inverse trend and dealt with low stock due to stock-piling and sourcing issues. <span class="citation">[12]</span>
</p>
<p class="reg-par">
Interestingly, our calendar heat map may reflect this suggested trend of stock-piling goods as consumers appear to have visited grocery and pharmacy locations more than average in the few days before British Columbia implemented lockdown measures in mid to late March. We also see sharp, consistent decreases in retail and recreation mobility across Canada. As many experts suggest, the pandemic will very likely permanently shift the way we shop and otherwise spend our leisure time.
</p>
</div>
<div class="fcols vis-col" id="combo-vis">
<iframe height="578" frameborder="0" src="https://observablehq.com/embed/@lilybryant/calendar-heatmap?cell=viewof+s_attrib&cell=bc_text&cell=schart1&cell=can_text&cell=schart2&cell=lgnd2"></iframe>
</div>
</div>
<div class="fbox">
<div class="fcols text-fcol">
<h3 class="subtitle">Comparison Across Categories</h3>
<p class="reg-par">
The previous sections were useful in observing changes in a given mobility category across a number of regions. It is also interesting to compare changes across a number of mobility categories while holding a geographic region fixed. For example, a person living in British Columbia may want to observe if there is an inverse relationship between mobility in transit stations and residential areas, which they may do so by selecting the respective categories.
This visualization enables comparisons across mobility categories for provinces for which there was was enough data to make useful comparisons.
</p>
<p class="reg-par">
Pairwise and one-to-many comparisons between mobility categories are also enabled by this visualization. Some trends in the line graph become easier to observe and to interpret when they are coupled with the calendar heatmap for British Columbia. One example is the drops in mobility for workplaces in British Columbia for provincial and federal holidays, which are delineated in the calendar heat map.
</p>
</div>
<div class="fcols vis-col">
<iframe height="920" frameborder="0" src="https://observablehq.com/embed/@jyoo980/changes-in-our-mobility-transit?cell=chart&cell=legend&cell=viewof+selectedProv&cell=viewof+range&cell=sliderHeader&cell=viewof+categoryCheckbox"></iframe>
</div>
</div>
<hr id="title-sep">
<div class="fbox">
<div>
<h3 class="subtitle">Source Code</h3>
<p>
Visualizations implemented in the Javascript <a href="https://d3js.org">D3 library</a> using <a href="https://observablehq.com">Observable Notebooks</a>.
</p>
<p class="reg-par" style="text-indent: 0px;">
Code sources, including more customizable visualizations, available here:
<ul>
<li><a href="https://observablehq.com/@lilybryant/calendar-heatmap">Calendar Heatmap</a></li>
<li><a href="https://observablehq.com/@jyoo980">Line Charts</a></li>
<li><a href="https://observablehq.com/@yu-frank/choropleth-and-surprise-map-for-canada">Choropleth and Surprise Maps</a></li>
</ul>
</p>
</div>
</div>
<div id=refs>
<hr id="title-sep">
<h3 class="subtitle">References</h3>
<ol>
<li><a href="https://www.cs.ubc.ca/~tmm/courses/547-20/projects.html">Visualizing Mobility and COVID-19</a></li>
<li><a href="https://idl.cs.washington.edu/papers/surprise-maps/">https://idl.cs.washington.edu/papers/surprise-maps/</a></li>
<li><a href="https://web.archive.org/web/20200113053911/https://www.translink.ca/Plans-and-Projects/Rapid-Transit-Projects/SkyTrain-to-UBC.aspx">https://web.archive.org/web/20200113053911/https://www.translink.ca/Plans-and-Projects/Rapid-Transit-Projects/SkyTrain-to-UBC.aspx</a></li>
<li><a href="https://www.citynews1130.com/2020/09/28/metro-vancouver-transit-ridership-hasnt-recovered-from-covid-19-translink-ceo/">https://www.citynews1130.com/2020/09/28/metro-vancouver-transit-ridership-hasnt-recovered-from-covid-19-translink-ceo/</a></li>
<li><a href="https://www.statnews.com/2020/03/11/who-declares-the-coronavirus-outbreak-a-pandemic/">https://www.statnews.com/2020/03/11/who-declares-the-coronavirus-outbreak-a-pandemic/</a></li>
<li><a href="https://www150.statcan.gc.ca/n1/daily-quotidien/200714/dq200714a-eng.htm?CMP=mstatcan">https://www150.statcan.gc.ca/n1/daily-quotidien/200714/dq200714a-eng.htm?CMP=mstatcan</a></li>
<li><a href="https://www.cbc.ca/news/canada/british-columbia/codd-wetland-new-land-1.5795530">https://www.cbc.ca/news/canada/british-columbia/codd-wetland-new-land-1.5795530</a></li>
<li><a href="https://parkpeople.ca/2020/07/16/covid-19-and-parks-highlights-from-our-national-surveys/">https://parkpeople.ca/2020/07/16/covid-19-and-parks-highlights-from-our-national-surveys/</a></li>
<li><a href="https://www.styledemocracy.com/canadian-bankruptcies-store-closures-in-2020/">https://www.styledemocracy.com/canadian-bankruptcies-store-closures-in-2020/</a></li>
<li><a href="https://www.forbes.com/sites/sergeiklebnikov/2020/07/23/5-big-numbers-that-show-amazons-explosive-growth-during-the-coronavirus-pandemic/?sh=b53873441376">https://www.forbes.com/sites/sergeiklebnikov/2020/07/23/5-big-numbers-that-show-amazons-explosive-growth-during-the-coronavirus-pandemic/?sh=b53873441376</a></li>
<li><a href="https://torontosun.com/news/national/reopening-canada/reopening-canada-pro-sports-precarious-covid-comeback">https://torontosun.com/news/national/reopening-canada/reopening-canada-pro-sports-precarious-covid-comeback</a></li>
<li><a href="https://home.kpmg/xx/en/home/insights/2020/03/realities-of-retailing-in-covid-19-world.html">https://home.kpmg/xx/en/home/insights/2020/03/realities-of-retailing-in-covid-19-world.html</a></li>
</ol>
<p>
<i>Cover image:</i> <a href="https://www.huntsville.ca/en/recreation-and-facilities/covid-19-facility-and-service-updates.aspx?_mid_=48819#">https://www.huntsville.ca/en/recreation-and-facilities/covid-19-facility-and-service-updates.aspx?_mid_=48819#</a>.
</p>
</div>
</body>
</html>