-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
54 lines (49 loc) · 3.02 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Newcomer Service Providers in Canada</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v4.0.2/mapbox-gl-directions.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v4.0.2/mapbox-gl-directions.css' type='text/css' />
<link href='css/map.css' rel='stylesheet' />
</head>
<body>
<header id="header">
<h1>Location of Newcomer Service Providers in Canada</h1>
<p> This map shows an online inventory of immigrant service providers in Canada as colored circles. The map is movable and zoomable. Clicking on circles shows additional information about the given immigrant service provider. The background color represents an approximation of newcomer population approximated by multiplying total population at the level of 2016 census subdivisions by per-province/territory immigrant population percentages. </p>
</header>
<nav id="menu"></nav>
<div id='map'></div>
<main id='main'>
<p>Student research project, Electronic Business Technologies (EBT), University of Ottawa</p>
<p>Student: Yu Mi (Final Report)</br>
Professor: Dr. Kevin Kells (<a href="doc/Project%20Description%20Visual%20Inventory%20of%20Immigrant%20Services.pdf">Project Description</a>) </br>
Completion Date: August 2019</p>
<p>Data sources:
<ul>
<li><a href="http://www.cic.gc.ca/english/newcomers/services/index.asp">http://www.cic.gc.ca/english/newcomers/services/index.asp</a></li>
<li><a href="https://services.immigration-quebec.gouv.qc.ca/fr/partenaires/services-offerts.php">https://services.immigration-quebec.gouv.qc.ca/fr/partenaires/services-offerts.php</a></li>
</ul>
</p>
</main>
<div id="gradient">
<p> Estimated Immigrant Population </p>
<div class="labels">
<span id="gradient0"><span>0</span>
</span><span id="gradient10"><span>10</span>
</span><span id="gradient50"><span>50</span>
</span><span id="gradient100"><span>100</span>
</span><span id="gradient500"><span>500</span>
</span><span id="gradient1000"><span>1,000</span>
</span><span id="gradient5000"><span>5,000</span>
</span><span id="gradient10000"><span>10,000</span>
</span><span id="gradient50000"><span>50,000</span></span>
<p>Calculated per Census Sub-Division (CSD) as an approximation by multiplying the per-province or per-territory percentage of immigrants [2011-2016] by per-CSD total population per the 2016 Statistics Canada national census.</p>
</div>
</div>
</body>
<script src="js/map.js"></script>
</html>