Skip to content

Commit

Permalink
Built site for gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@ccamara
ccamara committed Nov 27, 2023
1 parent 98e5a40 commit bd4a45a
Show file tree
Hide file tree
Showing 5 changed files with 147 additions and 92 deletions.
2 changes: 1 addition & 1 deletion .nojekyll
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
c7ac9b71
37cb911a
78 changes: 39 additions & 39 deletions content/labs/Lab_7/IM939_Lab7-Part3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1233,23 +1233,23 @@ <h3 data-number="34.3.1" class="anchored" data-anchor-id="missing-values"><span
<div class="cell-output cell-output-display column-page-right" data-execution_count="13">

<style>
#altair-viz-815ca32eacd041c19256ab23c94783f7.vega-embed {
#altair-viz-20d9baccd27c4bc4b97bdc179fd27d04.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-815ca32eacd041c19256ab23c94783f7.vega-embed details,
#altair-viz-815ca32eacd041c19256ab23c94783f7.vega-embed details summary {
#altair-viz-20d9baccd27c4bc4b97bdc179fd27d04.vega-embed details,
#altair-viz-20d9baccd27c4bc4b97bdc179fd27d04.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-815ca32eacd041c19256ab23c94783f7"></div>
<div id="altair-viz-20d9baccd27c4bc4b97bdc179fd27d04"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-815ca32eacd041c19256ab23c94783f7") {
outputDiv = document.getElementById("altair-viz-815ca32eacd041c19256ab23c94783f7");
if (outputDiv.id !== "altair-viz-20d9baccd27c4bc4b97bdc179fd27d04") {
outputDiv = document.getElementById("altair-viz-20d9baccd27c4bc4b97bdc179fd27d04");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down Expand Up @@ -1330,23 +1330,23 @@ <h3 data-number="34.3.1" class="anchored" data-anchor-id="missing-values"><span
<div class="cell-output cell-output-display column-page-right" data-execution_count="14">

<style>
#altair-viz-782bfbab8f1a46bf94e3eb500ec79675.vega-embed {
#altair-viz-1cf15e7254714032b9a3c5d1eeddb178.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-782bfbab8f1a46bf94e3eb500ec79675.vega-embed details,
#altair-viz-782bfbab8f1a46bf94e3eb500ec79675.vega-embed details summary {
#altair-viz-1cf15e7254714032b9a3c5d1eeddb178.vega-embed details,
#altair-viz-1cf15e7254714032b9a3c5d1eeddb178.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-782bfbab8f1a46bf94e3eb500ec79675"></div>
<div id="altair-viz-1cf15e7254714032b9a3c5d1eeddb178"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-782bfbab8f1a46bf94e3eb500ec79675") {
outputDiv = document.getElementById("altair-viz-782bfbab8f1a46bf94e3eb500ec79675");
if (outputDiv.id !== "altair-viz-1cf15e7254714032b9a3c5d1eeddb178") {
outputDiv = document.getElementById("altair-viz-1cf15e7254714032b9a3c5d1eeddb178");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down Expand Up @@ -1658,23 +1658,23 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
<div class="cell-output cell-output-display" data-execution_count="21">

<style>
#altair-viz-6efcb909f2314538aeb4dc72d767f099.vega-embed {
#altair-viz-b52b6c969a364ab4b324f618b0717acf.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-6efcb909f2314538aeb4dc72d767f099.vega-embed details,
#altair-viz-6efcb909f2314538aeb4dc72d767f099.vega-embed details summary {
#altair-viz-b52b6c969a364ab4b324f618b0717acf.vega-embed details,
#altair-viz-b52b6c969a364ab4b324f618b0717acf.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-6efcb909f2314538aeb4dc72d767f099"></div>
<div id="altair-viz-b52b6c969a364ab4b324f618b0717acf"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-6efcb909f2314538aeb4dc72d767f099") {
outputDiv = document.getElementById("altair-viz-6efcb909f2314538aeb4dc72d767f099");
if (outputDiv.id !== "altair-viz-b52b6c969a364ab4b324f618b0717acf") {
outputDiv = document.getElementById("altair-viz-b52b6c969a364ab4b324f618b0717acf");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down Expand Up @@ -1757,23 +1757,23 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
<div class="cell-output cell-output-display" data-execution_count="22">

<style>
#altair-viz-31bb4bc557824a2ab033ea161f5b55f8.vega-embed {
#altair-viz-3135474ccb004d5e854de8d20daa4ff5.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-31bb4bc557824a2ab033ea161f5b55f8.vega-embed details,
#altair-viz-31bb4bc557824a2ab033ea161f5b55f8.vega-embed details summary {
#altair-viz-3135474ccb004d5e854de8d20daa4ff5.vega-embed details,
#altair-viz-3135474ccb004d5e854de8d20daa4ff5.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-31bb4bc557824a2ab033ea161f5b55f8"></div>
<div id="altair-viz-3135474ccb004d5e854de8d20daa4ff5"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-31bb4bc557824a2ab033ea161f5b55f8") {
outputDiv = document.getElementById("altair-viz-31bb4bc557824a2ab033ea161f5b55f8");
if (outputDiv.id !== "altair-viz-3135474ccb004d5e854de8d20daa4ff5") {
outputDiv = document.getElementById("altair-viz-3135474ccb004d5e854de8d20daa4ff5");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down Expand Up @@ -2055,11 +2055,11 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
</div>
<div class="cell" data-execution_count="26">
<div class="sourceCode cell-code" id="cb34"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb34-1"><a href="#cb34-1" aria-hidden="true" tabindex="-1"></a><span class="co"># Add the data</span></span>
<span id="cb34-2"><a href="#cb34-2" aria-hidden="true" tabindex="-1"></a>geo_states_england <span class="op">=</span> geo_states_england.merge(df_geography, left_on <span class="op">=</span> <span class="st">'CTYUA23CD'</span>, right_on <span class="op">=</span> <span class="st">'Code'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
<span id="cb34-2"><a href="#cb34-2" aria-hidden="true" tabindex="-1"></a>geo_states_england_merged <span class="op">=</span> geo_states_england.merge(df_geography, left_on <span class="op">=</span> <span class="st">'CTYUA23CD'</span>, right_on <span class="op">=</span> <span class="st">'Code'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
</div>
<div class="cell" data-execution_count="27">
<div class="sourceCode cell-code" id="cb35"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb35-1"><a href="#cb35-1" aria-hidden="true" tabindex="-1"></a><span class="co"># Check the merged data</span></span>
<span id="cb35-2"><a href="#cb35-2" aria-hidden="true" tabindex="-1"></a>geo_states_england.head(<span class="dv">10</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
<span id="cb35-2"><a href="#cb35-2" aria-hidden="true" tabindex="-1"></a>geo_states_england_merged.head(<span class="dv">10</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
<div class="cell-output cell-output-display" data-execution_count="27">
<div>

Expand Down Expand Up @@ -2208,7 +2208,7 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
</div>
<div class="cell" data-execution_count="28">
<div class="sourceCode cell-code" id="cb36"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb36-1"><a href="#cb36-1" aria-hidden="true" tabindex="-1"></a><span class="co"># Let's plot the GPG by geography now</span></span>
<span id="cb36-2"><a href="#cb36-2" aria-hidden="true" tabindex="-1"></a>post_GPG_England <span class="op">=</span> alt.Chart(geo_states_england, title<span class="op">=</span><span class="st">'GPG by region - England'</span>).mark_geoshape().encode(</span>
<span id="cb36-2"><a href="#cb36-2" aria-hidden="true" tabindex="-1"></a>post_GPG_England <span class="op">=</span> alt.Chart(geo_states_england_merged, title<span class="op">=</span><span class="st">'GPG by region - England'</span>).mark_geoshape().encode(</span>
<span id="cb36-3"><a href="#cb36-3" aria-hidden="true" tabindex="-1"></a> color<span class="op">=</span><span class="st">'GPGmedian'</span>,</span>
<span id="cb36-4"><a href="#cb36-4" aria-hidden="true" tabindex="-1"></a> tooltip<span class="op">=</span>[<span class="st">'Description'</span>, <span class="st">'GPGmedian'</span>]</span>
<span id="cb36-5"><a href="#cb36-5" aria-hidden="true" tabindex="-1"></a>).properties(</span>
Expand All @@ -2222,23 +2222,23 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
<div class="cell-output cell-output-display" data-execution_count="28">

<style>
#altair-viz-8aa20826d4e24624a2a09610e5ca9c3f.vega-embed {
#altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-8aa20826d4e24624a2a09610e5ca9c3f.vega-embed details,
#altair-viz-8aa20826d4e24624a2a09610e5ca9c3f.vega-embed details summary {
#altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6.vega-embed details,
#altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-8aa20826d4e24624a2a09610e5ca9c3f"></div>
<div id="altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-8aa20826d4e24624a2a09610e5ca9c3f") {
outputDiv = document.getElementById("altair-viz-8aa20826d4e24624a2a09610e5ca9c3f");
if (outputDiv.id !== "altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6") {
outputDiv = document.getElementById("altair-viz-7f5f5f94d5134870aa0e96a7cd1e10e6");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down Expand Up @@ -2295,23 +2295,23 @@ <h4 data-number="34.4.0.1" class="anchored" data-anchor-id="but-first"><span cla
<div class="cell-output cell-output-display column-page" data-execution_count="29">

<style>
#altair-viz-7468ae69e1a5431e9915da92c5cceaeb.vega-embed {
#altair-viz-e5acef868d50445190a1eca9c7f7a72a.vega-embed {
width: 100%;
display: flex;
}

#altair-viz-7468ae69e1a5431e9915da92c5cceaeb.vega-embed details,
#altair-viz-7468ae69e1a5431e9915da92c5cceaeb.vega-embed details summary {
#altair-viz-e5acef868d50445190a1eca9c7f7a72a.vega-embed details,
#altair-viz-e5acef868d50445190a1eca9c7f7a72a.vega-embed details summary {
position: relative;
}
</style>
<div id="altair-viz-7468ae69e1a5431e9915da92c5cceaeb"></div>
<div id="altair-viz-e5acef868d50445190a1eca9c7f7a72a"></div>
<script type="text/javascript">
var VEGA_DEBUG = (typeof VEGA_DEBUG == "undefined") ? {} : VEGA_DEBUG;
(function(spec, embedOpt){
let outputDiv = document.currentScript.previousElementSibling;
if (outputDiv.id !== "altair-viz-7468ae69e1a5431e9915da92c5cceaeb") {
outputDiv = document.getElementById("altair-viz-7468ae69e1a5431e9915da92c5cceaeb");
if (outputDiv.id !== "altair-viz-e5acef868d50445190a1eca9c7f7a72a") {
outputDiv = document.getElementById("altair-viz-e5acef868d50445190a1eca9c7f7a72a");
}
const paths = {
"vega": "https://cdn.jsdelivr.net/npm/vega@5?noext",
Expand Down
65 changes: 60 additions & 5 deletions content/sessions/session-08_WorkshopBrief.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -573,12 +573,23 @@ <h4 data-number="36.2.1.2" class="anchored" data-anchor-id="potential-situations
<li>Patient looking for self help – how to visualise information to inform them?</li>
<li>GP giving advice to a patient – how to visualise information to support their conversation?</li>
</ul>
<p><strong><em>Tasks to complete</em></strong></p>
<div class="callout callout-style-default callout-caution callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Tasks to complete
</div>
</div>
<div class="callout-body-container callout-body">
<ul class="task-list">
<li><input type="checkbox"><strong>T1:</strong> Explore the datasets through the webpages above to get yourself familiar.</li>
<li><input type="checkbox"><strong>T2:</strong> Identify a stakeholder and agree on a situation</li>
<li><input type="checkbox"><strong>T3:</strong> Use this persona template from servicedesigntools.org [<a href="https://servicedesigntools.org/tools/personas">link to template page</a>] to help outline a stakeholder persona. Consider how you can help your stakeholder through data when responding to these challenges.</li>
</ul>
</div>
</div>
</section>
</section>
<section id="step-2-identify-analytical-questions-and-data" class="level3" data-number="36.2.2">
Expand All @@ -589,11 +600,22 @@ <h3 data-number="36.2.2" class="anchored" data-anchor-id="step-2-identify-analyt
<li>Choose features that are relevant and speculate what you can achieve with them</li>
<li>Consider if you can make use of any design thinking tools, some examples here: https://www.designkit.org/methods, for instance, you can reflect on this brainstorming guidance to help with your discussions as a group: https://www.designkit.org/methods/brainstorm</li>
</ul>
<p><strong><em>Tasks to complete</em></strong></p>
<div class="callout callout-style-default callout-caution callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Tasks to complete
</div>
</div>
<div class="callout-body-container callout-body">
<ul class="task-list">
<li><input type="checkbox"><strong>T4:</strong> Develop one or two analytical questions that you want to address</li>
<li><input type="checkbox"><strong>T5:</strong> Clarify which data variables you will be using in your analysis in order to answer your research question</li>
</ul>
</div>
</div>
</section>
<section id="step-3-plan-an-analysis-approachstrategy" class="level3" data-number="36.2.3">
<h3 data-number="36.2.3" class="anchored" data-anchor-id="step-3-plan-an-analysis-approachstrategy"><span class="header-section-number">36.2.3</span> Step-3: Plan an analysis approach/strategy</h3>
Expand All @@ -605,10 +627,21 @@ <h3 data-number="36.2.3" class="anchored" data-anchor-id="step-3-plan-an-analysi
<li>Also identify which data variables could be used with which technique.</li>
<li>You can already use a Jupyter Notebook document as a template. Set some headers to indicate the different stages of your analysis.</li>
</ul>
<p><strong><em>Tasks to complete</em></strong></p>
<div class="callout callout-style-default callout-caution callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Tasks to complete
</div>
</div>
<div class="callout-body-container callout-body">
<ul class="task-list">
<li><input type="checkbox"><strong>T6:</strong> Develop an analysis plan on which techniques you want to use and which data variables you will incorporate.</li>
</ul>
</div>
</div>
</section>
<section id="step-4-conduct-your-analysis" class="level3" data-number="36.2.4">
<h3 data-number="36.2.4" class="anchored" data-anchor-id="step-4-conduct-your-analysis"><span class="header-section-number">36.2.4</span> Step-4: Conduct your analysis</h3>
Expand All @@ -618,10 +651,21 @@ <h3 data-number="36.2.4" class="anchored" data-anchor-id="step-4-conduct-your-an
<li>Think of how you can visualise the data and the results from the tools you use</li>
<li>Make use of existing Jupyter Notebooks and pieces of code from the labs</li>
</ul>
<p><strong><em>Tasks to complete</em></strong></p>
<div class="callout callout-style-default callout-caution callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Tasks to complete
</div>
</div>
<div class="callout-body-container callout-body">
<ul class="task-list">
<li><input type="checkbox"><strong>T7:</strong> Conduct your analysis using Jupyter Notebook by documenting your decisions as you go along.</li>
</ul>
</div>
</div>
</section>
<section id="step-5-presenting-the-results-note-to-be-presented-on-week-10" class="level3" data-number="36.2.5">
<h3 data-number="36.2.5" class="anchored" data-anchor-id="step-5-presenting-the-results-note-to-be-presented-on-week-10"><span class="header-section-number">36.2.5</span> Step-5: Presenting the results (Note: To be presented on Week-10)</h3>
Expand All @@ -635,10 +679,21 @@ <h3 data-number="36.2.5" class="anchored" data-anchor-id="step-5-presenting-the-
<li>Present some results from your analysis</li>
</ul></li>
</ul>
<p><strong><em>Tasks to complete</em></strong></p>
<div class="callout callout-style-default callout-caution callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Tasks to complete
</div>
</div>
<div class="callout-body-container callout-body">
<ul class="task-list">
<li><input type="checkbox"><strong>T8:</strong> Prepare to present your results</li>
</ul>
</div>
</div>
<div class="callout callout-style-default callout-note callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
Expand Down
Loading

0 comments on commit bd4a45a

Please sign in to comment.