Data wrangling

class: inverse

# .bigger[.teal[WRANGLE]] .gray[that DATA]

<img src="../images/data_cowboy.png" width="112%" style="margin-left: -92px; margin-top: -108px; max-width: 112%;" alt="Cartoon of a small fuzzy monster with a cowboy hat and lasso, riding another larger fuzzy monster and lassoing a group of angry / unruly looking creatures labeled data.">

.smaller[.small[.bottom-right[.gray[Artwork by @allison_horst]]]]

---
class: inverse

# <i class="fa fa-toolbox blue"></i> Your data toolbox

<div style="height: 344px;
    overflow: hidden;
    margin-top: 90px;
    width: 852px;">
<iframe src="starter_as_html.html" style="border: 0;
    width: 900px;
    margin-top: -22px;
    margin-left: -18px;
    height: 700px;">
</iframe>
</div>

---
class: inverse

# Monsters are back

<img src="../images/monsters/monster_data.png" style="width: 60%; margin-top: -12px;">

---
class: inverse, middle, center

# .bigger[.blue[select( )]]

---

<div style="height: 145px; overflow:hidden;">
<img src="../images/monsters/select_monsters.png" style="width: 66.7%; margin-top: 4px;">
</div>

--

<div style="margin-top: 10px; overflow:hidden; ">
<img src="../images/monsters/select_monsters.png" style="width: 66.7%; margin-top: -151px;">
</div>

---

<div style="overflow:hidden;">
<img src="../images/monsters/select_monsters2.png" style="width: 101.5%; margin-top: 4px; max-width: 103%;">
</div>

---

<div style="height: 210px; overflow:hidden;">
<img src="../images/monsters/select_monsters_drop.png" style="width: 100%; margin-top: 4px;">
</div>

--

<div style="margin-top: 10px; overflow:hidden;">
<img src="../images/monsters/select_monsters_drop.png" style="width: 100%; margin-top: -216px;">
</div>

---

<div style="overflow:hidden;">
<img src="../images/monsters/select_monsters_drop2.png" style="width: 100%; margin-top: 4px;">
</div>

---
class: inverse, middle, center

# .bigger[.blue[arrange( )]]

---

<div style="height: 220px; overflow:hidden; margin-left: -3%;">
<img src="../images/monsters/arrange_monsters.png" style="width: 158%; max-width: 158%; margin-top: 4px;">
</div>

--

<div style="margin-top: 12px; overflow:hidden; margin-left: -.5%;">
<img src="../images/monsters/arrange_monsters.png" style="width: 100%; margin-top: -136px;">
</div>

---

<div style="height: 99px; overflow:hidden; margin-left: -3%;">
<img src="../images/monsters/arrange_monsters_desc1.png" style="width: 106%; max-width: 159.5%; margin-top: 4px;">
</div>

<div style="height: 108px; overflow:hidden; margin-left: -3%;">
<img src="../images/monsters/arrange_monsters.png" style="width: 158%; max-width: 158%; margin-top: -95px;">
</div>

--

<div style="margin-top: 26px; overflow:hidden; margin-left: -1%;">
<img src="../images/monsters/arrange_monsters_desc.png" style="width: 100%; margin-top: -136px;">
</div>

---
class: inverse, middle, center

# .bigger[.blue[mutate( )]]

---

<div style="height: 220px; overflow:hidden; margin-left: -5%;">
<img src="../images/monsters/mutate_monsters_update.png" style="width: 113.7%; max-width: 114%; margin-top: 8px;">
</div>

--

<div style="margin-top: 0; overflow:hidden; margin-left: -3%;">
<img src="../images/monsters/mutate_monsters_update.png" style="width: 100%; margin-top: -172px;">
</div>

---

<div style="height: 220px; overflow:hidden; margin-left: -5%;">
<img src="../images/monsters/mutate_monsters_new.png" style="width: 114%; max-width: 114%; margin-top: 8px;">
</div>

--

<div style="margin-top: 0; overflow:hidden; margin-left: -3%;">
<img src="../images/monsters/mutate_monsters_new.png" style="width: 100%; margin-top: -172px;">
</div>

---
class: inverse,

# <i class="fas fa-bell blue" aria-hidden="true" style="margin-bottom: 54px;"></i> Our first order

.center[
<i class="fas fa-envelope" style="font-size: 26rem; margin-top: -22px;"></i>
]

---
class: inverse,

# <i class="fas fa-bell blue" aria-hidden="true" style="margin-bottom: 54px;"></i> Our first order

<style>
.inverse {text-shadow: unset !important;}
hr {margin-top: -22px; margin-bottom: 26px;}
blockquote code {line-height: 1.2}
blockquote {padding-top: 0;}
</style>

> **`To:`** `Bot Bakery`  
> **`Subject:`** `Big treat order`  
> **`Attached:`** <i class="fas fa-paperclip" aria-hidden="true"></i><span class="bluecode">`crew_preferences.xlsx`</span>
> <hr>
> Hi friend,
>
> Here's the table of my crew's goody preferences. 😋 
> 
> Guess which crewmate is me!

---
class: inverse, center, middle

# <i class="fas fa-carrot" aria-hidden="true"></i> [Back to Videos](https://tidy-mn.github.io/R-camp-penguins/page/videos.html)