-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathlearning.html
executable file
·123 lines (105 loc) · 11.5 KB
/
learning.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
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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>Trafford Data Lab: Learning</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
<meta charset="UTF-8"/>
<meta name="keywords" content="open, data, open data, data visualisation, visualisation, visualisations, profile, profiles, information, map, maps, mapping"/>
<meta name="description" content="The Trafford Data Lab supports decision-making in Trafford, Greater Manchester, by revealing patterns in data through visualisation. We have created visualisations from raw open data as thematic profiles of Trafford."/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans%7CRoboto"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css"/>
</head>
<body>
<div class="container">
<header>
<nav>
<ul id="a11yNav">
<li><a href="#main" class="themeBlockDark">Skip to main content</a></li>
<li><a href="#footer" class="themeBlockDark">Skip to footer</a></li>
</ul>
<p class="hideContent">Main Menu</p>
<a href="index.html" aria-label="Return to Trafford Data Lab home page"><img src="https://www.trafforddatalab.io/assets/logo/trafforddatalab_logo.svg" alt="Trafford Data Lab" width="93" class="traffordDataLabLogo"/></a>
<ul class="navbar">
<li><a href="charticles.html">Charticles</a></li>
<li><a href="data.html">Data</a></li>
<li><a href="learning.html">Learning</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<main id="main">
<h1>Learning</h1>
<p>Helpful resources, such as companion guides for the technologies we use and tutorials demonstrating useful techniques. Choose a companion or tutorial from the following lists. Our tutorials are published on <a href="https://medium.com/@traffordDataLab" target="_blank">Medium</a> and open in a new window.</p>
<section id="companions" class="itemContainer">
<h2>Companions</h2>
<div class="labBorder">
<a href="https://www.trafforddatalab.io/recipes/"><img src="images/recipes_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Recipes for local government</h3></a>
<p class="cardBody">These are recipes to common tasks like retrieving data from <a href="https://www.nomisweb.co.uk" target="_blank">Nomis</a>, geocoding addresses, and creating data visualisations like population pyramids. All the <a href="https://cran.r-project.org" target="_blank">R</a> code is provided along with step by step instructions.</p>
</div>
<div class="labBorder">
<a href="http://www.trafforddatalab.io/climate_emergency/"><img src="images/climate_emergency_companion_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Climate Emergency Open Data Companion</h3></a>
<p class="cardBody">We've curated some open datasets relating to climate change to help UK councils that have declared a "<a href="https://www.bbc.co.uk/news/newsbeat-47570654" target="_blank">climate emergency</a>" and those that haven’t. We have also created a <a href="https://trafforddatalab.shinyapps.io/climate_emergency/" target="_blank">climate emergency slide pack</a> app to help visualise open data relating to climate change.</p>
</div>
<div class="labBorder">
<a href="https://www.trafforddatalab.io/interactive_graphics_companion/"><img src="images/interactive_graphics_companion_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Interactive Graphics Companion</h3></a>
<p class="cardBody">A guide to creating interactive data visualisations using <a href="https://vega.github.io/vega-lite/" target="_blank">Vega-Lite</a>. Our accompanying blog post on <a href="https://medium.com/@traffordDataLab/take-back-control-of-your-data-visualisations-c56ec121b231" target="_blank">Medium</a> provides a useful introduction.</p>
</div>
<div class="labBorder">
<a href="https://www.trafforddatalab.io/open_data_companion/"><img src="images/open_data_companion_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Open Data Companion</h3></a>
<p class="cardBody">This companion provides <a href="https://cran.r-project.org" target="_blank">R</a> code demonstrating how to retrieve and tidy open data from a number of government APIs.</p>
</div>
<div class="labBorder">
<a href="https://www.trafforddatalab.io/graphics_companion/"><img src="images/graphics_companion_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">ggplot2 Graphics Companion</h3></a>
<p class="cardBody">This demonstrates the different types of visualisation that are possible with the <a href="http://ggplot2.tidyverse.org" target="_blank">ggplot2</a> package in <a href="https://cran.r-project.org" target="_blank">R</a>, providing code for each of the examples.</p>
</div>
</section>
<section id="tutorials" class="itemContainer">
<h2>Tutorials</h2>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/pushing-the-boundaries-with-the-open-geography-portal-api-4d70637bddc3" target="_blank"><img src="images/tutorial_OGP_API_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Pushing the boundaries with the Open Geography Portal API</h3></a>
<p class="cardBody">This post will show you how to download digital vector boundaries for custom administrative geographies using the <a href="http://geoportal.statistics.gov.uk" target="_blank">Open Geography Portal</a> API.</p>
</div>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/lets-make-a-map-in-vega-lite-75c24428275" target="_blank"><img src="images/tutorial_map_vegalite_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Let’s Make a Map in Vega-Lite*</h3></a>
<p class="cardBody">This is a short introduction to creating choropleth maps in <a href="https://vega.github.io/vega-lite/" target="_blank">Vega-Lite</a>. We’ll show you how to load geospatial data, customise maps and join attributes.</p>
</div>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/take-back-control-of-your-data-visualisations-c56ec121b231" target="_blank"><img src="images/tutorial_take_control_vegalite_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Take back control … of your data visualisations</h3></a>
<p class="cardBody">This tutorial explain step-by-step how to create chart using <a href="https://vega.github.io/vega-lite/" target="_blank">Vega-Lite</a> that allows users to quickly build visually appealing static and interactive data visualisations in their web browser.</p>
</div>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/querying-apis-in-r-39029b73d5f1" target="_blank"><img src="images/tutorial_querying_api_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Querying APIs in R</h3></a>
<p class="cardBody">This article details the steps required to request data from Governments and other organisations Web service APIs using <a href="https://cran.r-project.org" target="_blank">R</a>.</p>
</div>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/lets-make-a-map-in-r-7bd1d9366098" target="_blank"><img src="images/tutorial_map_r_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Let’s Make a Map in R*</h3></a>
<p class="cardBody">This is a short introduction to creating choropleth maps in R. The tutorial will show you how to download <a href="https://www.ordnancesurvey.co.uk" target="_blank">Ordnance Survey</a> boundary layers, merge them with 2011 Census data and visualise the results in classed and unclassed choropleth maps.</p>
</div>
<div class="labBorder">
<a href="https://medium.com/@traffordDataLab/public-health-data-at-your-fingertips-d17523664d19" target="_blank"><img src="images/tutorial_fingertipsR_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Public health data at your fingertips</h3></a>
<p class="cardBody">Using the <a href="https://cran.r-project.org/web/packages/fingertipsR/index.html" target="_blank">fingertipsR</a> package the tutorial show you how to download some data from Public Health England’s <a href="https://fingertips.phe.org.uk" target="_blank">Fingertips</a> repository and visualise it in R.</p>
</div>
</section>
</main>
<footer id="footer">
<div class="leftFooter">
<p class="hideContent">Trafford Data Lab are on the following platforms: </p>
<a class="linkMedia" href="https://twitter.com/traffordDataLab" aria-label="Trafford Data Lab on X" target="_blank"><span class="fa-brands fa-x-twitter" title="Trafford Data Lab on X"></span><span class="hideContent">X, </span></a>
<a class="linkMedia" href="https://github.com/traffordDataLab" aria-label="Trafford Data Lab on GitHub" target="_blank"><span class="fa-brands fa-github" title="Trafford Data Lab on GitHub"></span><span class="hideContent">GitHub, </span></a>
<a class="linkMedia" href="https://medium.com/@traffordDataLab" aria-label="Trafford Data Lab on Medium" target="_blank"><span class="fa-brands fa-medium" title="Trafford Data Lab on Medium"></span><span class="hideContent">Medium</span></a>
<br />
<a href="accessibility.html" class="smallText" aria-label="Accessibility statement for the Trafford Data Lab website">Accessibility statement</a>
</div>
<a href="https://www.trafford.gov.uk" target="_blank" aria-label="Visit the Trafford Council website"><img class="logoTrafford" src="images/trafford_council_logo_black_on_white_100px.png" alt="Trafford Council"/></a>
</footer>
</div>
<script src="https://www.trafforddatalab.io/assets/javascript/removeElapsedLabNotifications.js"></script>
<script>
// Automatically remove any "new" notifications from content items after the specified number of days.
// NOTE: The notification code should still be removed manually as this helper function simply hides the elements.
RemoveElapsedLabNotifications({ daysElapsed: 14 });
</script>
</body>
</html>