Communicating Results

]

# Week 14: .fancy[Communicating Results]

### <svg aria-hidden="true" role="img" viewBox="0 0 512 512" style="height:1em;width:1em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M243.4 2.6l-224 96c-14 6-21.8 21-18.7 35.8S16.8 160 32 160v8c0 13.3 10.7 24 24 24H456c13.3 0 24-10.7 24-24v-8c15.2 0 28.3-10.7 31.3-25.6s-4.8-29.9-18.7-35.8l-224-96c-8.1-3.4-17.2-3.4-25.2 0zM128 224H64V420.3c-.6 .3-1.2 .7-1.8 1.1l-48 32c-11.7 7.8-17 22.4-12.9 35.9S17.9 512 32 512H480c14.1 0 26.5-9.2 30.6-22.7s-1.1-28.1-12.9-35.9l-48-32c-.6-.4-1.2-.7-1.8-1.1V224H384V416H344V224H280V416H232V224H168V416H128V224zm128-96c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z"/></svg> EMSE 4572: Exploratory Data Analysis
### <svg aria-hidden="true" role="img" viewBox="0 0 448 512" style="height:1em;width:0.88em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/></svg> John Paul Helveston
### <svg aria-hidden="true" role="img" viewBox="0 0 448 512" style="height:1em;width:0.88em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"/></svg> December 07, 2022

]

---

# Week 14: .fancy[Communicating Results]

## 1. Telling a story
## 2. Designing slides
## 3. Giving a talk
## 4. "Final" thoughts

---

# Download [this cheetsheet](https://github.com/emse-eda-gwu/2022-Fall/raw/main/content/cheatsheet-storytelling.pdf) for today's content

---

# Week 14: .fancy[Communicating Results]

## 1. .orange[Telling a story]
## 2. Designing slides
## 3. Giving a talk
## 4. "Final" thoughts

---

# What is a story?

---

> ### A story is a set of observations, facts, or events...that are presented in a specific order such that they create an</br>**emotional reaction** in the audience.</br></br>- Clause O. Wilke (2019), Chp. 29

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-01.png" width=800>
</center>

[source](https://sivers.org/drama)

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-02.png" width=750>
</center>

[source](https://sivers.org/drama)

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-03.png" width=800>
</center>

[source](https://sivers.org/drama)

---

background-color: #000
class: inverse, middle, center

## [Freytag's Pyramid](https://en.wikipedia.org/wiki/Gustav_Freytag)

---

background-color: #fff
class: center

## Freytag's Pyramid: **[King Kong](https://en.wikipedia.org/wiki/King_Kong)**

[source](http://writinghorrorfiction.blogspot.com/2011/03/putting-freytags-pyramid-to-use-in.html)

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

> ### "A single (static) visualization will rarely tell an entire story"</br></br>- Clause O. Wilke (2019), Chp. 29

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

## Use **layers** to build tension / provide context

---

## Use **layers** to build tension / provide context

---

## Use **layers** to build tension / provide context

---

## Use **animation** to build tension / provide context

[source](https://www.vox.com/2020/4/2/21203850/unemployment-initial-claims-march-28)

---

## Use **animation** to build tension / provide context

[source](https://twitter.com/maoam_guy/status/1245887052027232256)

---

## Make charts for the generals
### (i.e. keep it simple)

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

---

## Make charts for the generals
### (i.e. keep it simple)

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

]

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

]

---

# Build up towards complex figures

[source](https://serialmentor.com/dataviz/telling-a-story.html#build-up-towards-complex-figures)

---

# Build up towards complex figures

[source](https://serialmentor.com/dataviz/telling-a-story.html#build-up-towards-complex-figures)

---

## Be consistent, but don't be repetitive

[source](https://serialmentor.com/dataviz/telling-a-story.html#be-consistent-but-dont-be-repetitive)

]

[source](https://serialmentor.com/dataviz/telling-a-story.html#be-consistent-but-dont-be-repetitive)

]

---

# Week 14: .fancy[Communicating Results]

## 1. Telling a story
## 2. .orange[Designing slides]
## 3. Giving a talk
## 4. "Final" thoughts

---

# Hitchcock's rule

---

## .center[Hitchcock's rule]

> # The size of any object in your frame should be proportional to its importance to the story at that moment

## .center[[Watch this example](https://youtu.be/E1LzhiCcOY0?t=174)]

---

## .center[Hitchcock's rule]

> # The size of any object in your ~~frame~~ **slide** should be proportional to its importance to the story at that moment

---

...and finally you will read this

<br><br>
<div style='font-size: 70pt; text-align: center;'>You will read this first</div>

---

# Put main point at top and use big font size!

</br>
</br>

(see Stephanie Evergreen's blog post ["So What?"](https://stephanieevergreen.com/so-what/))

---

# Except for Tesla, EV adoption in the U.S. is **flat**

---

# Tesla's Model 3 is a Game Changer for EVs

---

<p style="font-size:40pt;">> 40pt font for titles</p>
<p style="font-size:24pt;">> 24pt font for all other text</p>

(Exception: footer text can be small)

<div class="footer-small"><span>Footer text</span></div>

---

# .center[.red[_Think of fonts as pre-attentive attributes_]]

</br></br>

<center>
<div style="font-size: 24pt;">
San-serif fonts for most text
</div>
</center>

]

<div style="font-size:24pt; font-style:italic; font-family: serif;">
"Italic, serif fonts for quotes"
</div>
</br>- Prof. Helveston

]

---

# Consider using a light-colored background<br>(tan / gray)

---

# Use high contrast between font and background color

</br>

<center>
<div style="background-color: #FFF; padding: 50px; margin: 0px; width: 300px; font-size: 28pt;">
Dark text on a light background works well
</div>
</center>

]

<center>
<div style="background-color: #000; color: #FFF; padding: 50px; margin: 0px; width: 300px; font-size: 28pt;">
Light text on a dark background also works well
</div>
</center>

]

---

# Use high contrast between font and background color

</br>

<center>
<div style="background-color: #FFF; color: #ffef01; padding: 50px; margin: 0px; width: 350px; font-size: 28pt;">
Yellow text on a white background is horrible
</center>

]

<center>
<div style="background-color: #000; color: #0000ff; padding: 50px; margin: 0px; width: 350px; font-size: 28pt;">
Blue text on a black background is horrible
</center>

]

---

# Use high contrast between font and background color

]

]

---

# Avoid fonts like

</br>
<div style='font-family: "Comic Sans MS"; font-size: 40pt'>Comic Sans</div>
</br>
<div style='font-family: "Papyrus"; font-size: 40pt'>Papyrus</div>
</br>
</br>

# They make your work look amateurish

---

# 1 slide, 1 idea

## Break up main points into multiple slides

---

# Number your slides!

---

---

</br></br></br></br></br></br>

# Example of an acceptable slide footer

# </br></br></br>&darr;

<div class="footer-small"><span>Data source: http://somesourceofdata.com &emsp;&emsp; © John Paul Helveston, GWU, Apr. 2021</span></div>

---

# If you are in person, consider using handouts<br>(1-2 pages)

???

1. They can preview your results
2. They're more likely to remember your main points

---

# Week 14: .fancy[Communicating Results]

## 1. Telling a story
## 2. Designing slides
## 3. .orange[Giving a talk]
## 4. "Final" thoughts

---

# What are the first words<br>you should say in a speech?

## Watch [this video](https://youtu.be/w82a1FT5o88) to find out

---

# How to start a speech

### 3. With a question that matters to the audience ("Have you ever...?")

### 2. With a shocking factoid ("There are more people alive today than have ever lived...").

### 1. Tell a story, talk about **people** ("Imagine...")

---

background-color: #000
class: inverse, middle, center

---

3) With a question that matters to the audience:

**"What's the current federal subsidy for buying an electric car in the US?"**

2) With a shocking factoid

**"50% of the world's EVs are made by Chinese automakers"**

1) Tell a story, talk about **people**

**"Whenever I talk with people about electric cars, they usually ask about Tesla..."**

---

## Your turn

Brainstorm different strategies for how to start your presentation for your projects:

1. Tell a story, talk about **people** ("Imagine...").
2. With a shocking factoid ("There are more people alive today than have ever lived...").
3. With a question that matters to the audience ("Have you...?").

Afterwards, we will go around the room and one person from each team will practice giving their start to their presentation.

]

1. **Anon**: CO2 Offsets (Abdallah Omari, Majd Shatara, Mansour Alhawwas, Sebastian Makrides)
2. **BIC**: Population Growth Rates (Brynna Johnson, Islay Van Dusen, Claire Foley)
3. **piRates**: MLB Competitive Balance Tax (Julia Arnsberger, James Ferguson, Anirudh Kumar)
4. **PoweRpuffs**: College Drop-out Rates? (Ivanna Hidalgo, Kidist Beleke, Lauren Monk, Natasha Stallings)
5. **RawR**: DMV Crash Data (Ben Buechner, Parker Reese, Max Feng, Vijay Jayamani)
6. **Soccer**: English Premier League Performance (Karim Rizk, Amen Dahab, Ryan Cedeno, Marvin Castillo)
7. **team1**: COVID & income inequality (Amaya Walker, Jiyoon Koo, Sahand Salemi)
8. **wizaRds**: Physical to Digital Music (Esha Patel, Salah Mohammed, Gujri Ahluwalia)

]]

---

# Week 14: .fancy[Communicating Results]

## 1. Telling a story
## 2. Designing slides
## 3. Giving a talk
## 4. .orange["Final" thoughts]

---

# .center[[Final Reports](https://eda.seas.gwu.edu/2022-Fall/project-final/3-final-report.html) (Due 12/11...you have 4 days left!)]

- ### Read prompt carefully

- ### Be sure to include a copy of the data you're using

- ### Use a theme ✨

- ### Check for spelling errors:

```r
spelling::spell_check_files("report.Rmd")
```

---

# .center[[Final Presentations](https://eda.seas.gwu.edu/2022-Fall/project-final/4-final-presentation.html) (Due 12/13)]

</br>

- ### We'll watch these during class period on Dec 14
- ### 8 projects x 10 mins each
- ### At the end, we'll announce awards:

- ### 🗑️ **Janitor Award**: For most intense wrangling of messy data
  - ### ✨ **Shiny Award**: For single most impressive visualization

---

# .center[[Final Interviews](https://eda.seas.gwu.edu/2022-Fall/class/interviews.html) (12/12 - 12/13)]

- ### Schedule for a 10-minute interview using [this link](https://jhelvy.appointlet.com/b/interview)</br>(also posted in Slack)

- ### Suggestions (from Prof. Mazzuchi):

1. Bring water to drink - it will calm you when you are nervous and your mouth dries up. You can also pause and think while you drink.
2. Don't answer right away - think a bit.
3. Answer the question asked. Don't try to impress or I will ask more questions.
4. Don't say "I don't know." Try and I will help you.