Skip to content

Commit d7058a3

Browse files
stefmolinstefmolin
committed
Add data morph panda to star example to motivate section 3.
1 parent 310a8ef commit d7058a3

File tree

4 files changed

+139
-6
lines changed

4 files changed

+139
-6
lines changed

‎notebooks/3-data_visualization.ipynb

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,26 @@
3232
"The human brain excels at finding patterns in visual representations of the data; so in this section, we will learn how to visualize data using pandas along with the Matplotlib and Seaborn libraries for additional features. We will create a variety of visualizations that will help us better understand our data."
3333
]
3434
},
35+
{
36+
"cell_type": "markdown",
37+
"id": "267d9762-d012-43d1-82b0-02b37e110de8",
38+
"metadata": {
39+
"slideshow": {
40+
"slide_type": "slide"
41+
},
42+
"tags": []
43+
},
44+
"source": [
45+
"## Why is data visualization necessary?\n",
46+
"\n",
47+
"So far, we have focused a lot on summarizing the data using statistics. However, summary statistics are not enough to understand the distribution – there are many possible distributions for a given set of summary statistics. Data visualization is necessary to truly understand the distribution:\n",
48+
"\n",
49+
"<div style=\"text-align: center; margin-top: -10px;\">\n",
50+
"<img width=\"50%\" src=\"https://raw.githubusercontent.com/stefmolin/data-morph/main/docs/_static/panda-to-star-eased.gif\" alt=\"Data Morph: panda to star\" style=\"min-width: 300px; margin-bottom: -10px;\"/>\n",
51+
"<div style=\"margin: auto 26%;\"><small><em>A set of points forming a panda can also form a star without any significant changes to the summary statistics displayed above. (source: <a href=\"https://github.com/stefmolin/data-morph\">Data Morph</a>)</em></small></div>\n",
52+
"</div>"
53+
]
54+
},
3555
{
3656
"cell_type": "markdown",
3757
"id": "e58aeca3-c71e-4b42-9ece-4eaa30ea0382",

‎slides/3-data_visualization.ipynb

Lines changed: 47 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,44 @@
3939
"</div>"
4040
]
4141
},
42+
{
43+
"cell_type": "markdown",
44+
"id": "00effe5c-5461-44dd-9c2c-9e2ed6e42481",
45+
"metadata": {
46+
"slideshow": {
47+
"slide_type": "slide"
48+
},
49+
"tags": []
50+
},
51+
"source": [
52+
"## Learning Path\n",
53+
"\n",
54+
"1. **Why is data visualization necessary?**\n",
55+
"1. Plotting with pandas\n",
56+
"1. Plotting with Seaborn\n",
57+
"1. Customizing plots with Matplotlib"
58+
]
59+
},
60+
{
61+
"cell_type": "markdown",
62+
"id": "c9f34c93-4ca5-4893-b02a-ba1844432576",
63+
"metadata": {
64+
"slideshow": {
65+
"slide_type": "slide"
66+
},
67+
"tags": []
68+
},
69+
"source": [
70+
"## Why is data visualization necessary?\n",
71+
"\n",
72+
"So far, we have focused a lot on summarizing the data using statistics. However, summary statistics are not enough to understand the distribution &ndash; there are many possible distributions for a given set of summary statistics. Data visualization is necessary to truly understand the distribution:\n",
73+
"\n",
74+
"<div style=\"text-align: center; margin-top: -10px;\">\n",
75+
"<img width=\"50%\" src=\"https://raw.githubusercontent.com/stefmolin/data-morph/main/docs/_static/panda-to-star-eased.gif\" alt=\"Data Morph: panda to star\" style=\"min-width: 300px; margin-bottom: -10px;\"/>\n",
76+
"<div style=\"margin: auto 26%;\"><small><em>A set of points forming a panda can also form a star without any significant changes to the summary statistics displayed above. (source: <a href=\"https://github.com/stefmolin/data-morph\">Data Morph</a>)</em></small></div>\n",
77+
"</div>"
78+
]
79+
},
4280
{
4381
"cell_type": "markdown",
4482
"id": "bed5ec02-0cbf-4378-bb63-33e0d4e2eb30",
@@ -51,9 +89,10 @@
5189
"source": [
5290
"## Learning Path\n",
5391
"\n",
92+
"1. Why is data visualization necessary?\n",
5493
"1. **Plotting with pandas**\n",
55-
"2. Plotting with Seaborn\n",
56-
"3. Customizing plots with Matplotlib"
94+
"1. Plotting with Seaborn\n",
95+
"1. Customizing plots with Matplotlib"
5796
]
5897
},
5998
{
@@ -6516,9 +6555,10 @@
65166555
"source": [
65176556
"## Learning Path\n",
65186557
"\n",
6558+
"1. Why is data visualization necessary?\n",
65196559
"1. Plotting with pandas\n",
6520-
"2. **Plotting with Seaborn**\n",
6521-
"3. Customizing plots with Matplotlib"
6560+
"1. **Plotting with Seaborn**\n",
6561+
"1. Customizing plots with Matplotlib"
65226562
]
65236563
},
65246564
{
@@ -12865,9 +12905,10 @@
1286512905
"source": [
1286612906
"## Learning Path\n",
1286712907
"\n",
12908+
"1. Why is data visualization necessary?\n",
1286812909
"1. Plotting with pandas\n",
12869-
"2. Plotting with Seaborn\n",
12870-
"3. **Customizing plots with Matplotlib**"
12910+
"1. Plotting with Seaborn\n",
12911+
"1. **Customizing plots with Matplotlib**"
1287112912
]
1287212913
},
1287312914
{

‎slides/html/3-data_visualization.slides.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14711,6 +14711,40 @@ <h1 id="Section-3:-Data-Visualization">Section 3: Data Visualization<a class="an
1471114711
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
1471214712
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
1471314713
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
14714+
<li><strong>Why is data visualization necessary?</strong></li>
14715+
<li>Plotting with pandas</li>
14716+
<li>Plotting with Seaborn</li>
14717+
<li>Customizing plots with Matplotlib</li>
14718+
</ol>
14719+
14720+
</div>
14721+
</div>
14722+
</div>
14723+
</div></section></section><section ><section >
14724+
<div class="jp-Cell jp-MarkdownCell jp-Notebook-cell">
14725+
<div class="jp-Cell-inputWrapper">
14726+
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
14727+
</div>
14728+
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
14729+
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
14730+
<h2 id="Why-is-data-visualization-necessary?">Why is data visualization necessary?<a class="anchor-link" href="#Why-is-data-visualization-necessary?">&#182;</a></h2><p>So far, we have focused a lot on summarizing the data using statistics. However, summary statistics are not enough to understand the distribution – there are many possible distributions for a given set of summary statistics. Data visualization is necessary to truly understand the distribution:</p>
14731+
<div style="text-align: center; margin-top: -10px;">
14732+
<img width="50%" src="https://raw.githubusercontent.com/stefmolin/data-morph/main/docs/_static/panda-to-star-eased.gif" alt="Data Morph: panda to star" style="min-width: 300px; margin-bottom: -10px;"/>
14733+
<div style="margin: auto 26%;"><small><em>A set of points forming a panda can also form a star without any significant changes to the summary statistics displayed above. (source: <a href="https://github.com/stefmolin/data-morph">Data Morph</a>)</em></small></div>
14734+
</div>
14735+
14736+
</div>
14737+
</div>
14738+
</div>
14739+
</div></section></section><section ><section >
14740+
<div class="jp-Cell jp-MarkdownCell jp-Notebook-cell">
14741+
<div class="jp-Cell-inputWrapper">
14742+
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
14743+
</div>
14744+
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
14745+
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
14746+
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
14747+
<li>Why is data visualization necessary?</li>
1471414748
<li><strong>Plotting with pandas</strong></li>
1471514749
<li>Plotting with Seaborn</li>
1471614750
<li>Customizing plots with Matplotlib</li>
@@ -21243,6 +21277,7 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
2124321277
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
2124421278
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
2124521279
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
21280+
<li>Why is data visualization necessary?</li>
2124621281
<li>Plotting with pandas</li>
2124721282
<li><strong>Plotting with Seaborn</strong></li>
2124821283
<li>Customizing plots with Matplotlib</li>
@@ -27629,6 +27664,7 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
2762927664
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
2763027665
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
2763127666
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
27667+
<li>Why is data visualization necessary?</li>
2763227668
<li>Plotting with pandas</li>
2763327669
<li>Plotting with Seaborn</li>
2763427670
<li><strong>Customizing plots with Matplotlib</strong></li>

‎slides/html/workshop.slides.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26958,6 +26958,40 @@ <h1 id="Section-3:-Data-Visualization">Section 3: Data Visualization<a class="an
2695826958
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
2695926959
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
2696026960
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
26961+
<li><strong>Why is data visualization necessary?</strong></li>
26962+
<li>Plotting with pandas</li>
26963+
<li>Plotting with Seaborn</li>
26964+
<li>Customizing plots with Matplotlib</li>
26965+
</ol>
26966+
26967+
</div>
26968+
</div>
26969+
</div>
26970+
</div></section></section><section ><section >
26971+
<div class="jp-Cell jp-MarkdownCell jp-Notebook-cell">
26972+
<div class="jp-Cell-inputWrapper">
26973+
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
26974+
</div>
26975+
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
26976+
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
26977+
<h2 id="Why-is-data-visualization-necessary?">Why is data visualization necessary?<a class="anchor-link" href="#Why-is-data-visualization-necessary?">&#182;</a></h2><p>So far, we have focused a lot on summarizing the data using statistics. However, summary statistics are not enough to understand the distribution – there are many possible distributions for a given set of summary statistics. Data visualization is necessary to truly understand the distribution:</p>
26978+
<div style="text-align: center; margin-top: -10px;">
26979+
<img width="50%" src="https://raw.githubusercontent.com/stefmolin/data-morph/main/docs/_static/panda-to-star-eased.gif" alt="Data Morph: panda to star" style="min-width: 300px; margin-bottom: -10px;"/>
26980+
<div style="margin: auto 26%;"><small><em>A set of points forming a panda can also form a star without any significant changes to the summary statistics displayed above. (source: <a href="https://github.com/stefmolin/data-morph">Data Morph</a>)</em></small></div>
26981+
</div>
26982+
26983+
</div>
26984+
</div>
26985+
</div>
26986+
</div></section></section><section ><section >
26987+
<div class="jp-Cell jp-MarkdownCell jp-Notebook-cell">
26988+
<div class="jp-Cell-inputWrapper">
26989+
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
26990+
</div>
26991+
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
26992+
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
26993+
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
26994+
<li>Why is data visualization necessary?</li>
2696126995
<li><strong>Plotting with pandas</strong></li>
2696226996
<li>Plotting with Seaborn</li>
2696326997
<li>Customizing plots with Matplotlib</li>
@@ -33490,6 +33524,7 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
3349033524
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
3349133525
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
3349233526
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
33527+
<li>Why is data visualization necessary?</li>
3349333528
<li>Plotting with pandas</li>
3349433529
<li><strong>Plotting with Seaborn</strong></li>
3349533530
<li>Customizing plots with Matplotlib</li>
@@ -39876,6 +39911,7 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">&#182;</a></h3
3987639911
<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
3987739912
</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput " data-mime-type="text/markdown">
3987839913
<h2 id="Learning-Path">Learning Path<a class="anchor-link" href="#Learning-Path">&#182;</a></h2><ol>
39914+
<li>Why is data visualization necessary?</li>
3987939915
<li>Plotting with pandas</li>
3988039916
<li>Plotting with Seaborn</li>
3988139917
<li><strong>Customizing plots with Matplotlib</strong></li>

0 commit comments

Comments
 (0)