Communicating Results

.leftcol30[
<center>
<img src="https://raw.githubusercontent.com/emse-eda-gwu/2021-Spring/master/images/eda_hex_sticker.png" width=250>
</center>
]

### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 512 512"><path d="M496 128v16a8 8 0 0 1-8 8h-24v12c0 6.627-5.373 12-12 12H60c-6.627 0-12-5.373-12-12v-12H24a8 8 0 0 1-8-8v-16a8 8 0 0 1 4.941-7.392l232-88a7.996 7.996 0 0 1 6.118 0l232 88A8 8 0 0 1 496 128zm-24 304H40c-13.255 0-24 10.745-24 24v16a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8v-16c0-13.255-10.745-24-24-24zM96 192v192H60c-6.627 0-12 5.373-12 12v20h416v-20c0-6.627-5.373-12-12-12h-36V192h-64v192h-64V192h-64v192h-64V192H96z"/></svg> EMSE 4575: Exploratory Data Analysis
### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 448 512"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg> John Paul Helveston
### <svg style="height:0.8em;top:.04em;position:relative;fill:white;" viewBox="0 0 448 512"><path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"/></svg> April 28, 2021
]

---

# Mini Project 3 Showcase!

---

### Good use of annotations

---

### Good use of annotations

---

### Pretty themes ✨

---

### Use of color

---

# Week 16: .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/2021-Spring/raw/master/content/presentation_cheatsheet.pdf) for today's content

---

# Week 16: .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)

.leftcol[
<center>
<img src="images/wilke-generals-2.png">
</center>
[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 16: .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>

.rightcol[
<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>

.leftcol[
<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>
]

.rightcol[
<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>

.leftcol[
<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>
]

.rightcol[
<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 16: .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

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.
]

.rightcol[.font80[
Project teams:
1. Gender pay gap (Katie, Alexa, Gabriel)
2. Poverty and sustainability (Eliese, Michael, Kazi)
3. EIA EV sales forecasts (Helena, Bridget)
4. Is Hamilton the fastest F1 driver? (Cooper, Matthew, Omar Al-za'atreh)
5. National GDP & Olympic performance (Izzy, Alejandro, Omar Alkhadra)
6. NFL player suspensions (Kareemot, Ebun, Kyara)
7. National climate performance (David, Kaveena, Carolyne)
8. Local protectionism in China's EV industry (Lujin)
9. Public attitudes towards autonomous vehicles (Leah)
]]

---

# Week 16: .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/2021-Spring/a-project.html#Final_Report) (Due 05/02...you have 4 days!)]

- ### Read prompt carefully

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

- ### Use a theme ✨

- ### Don't forget to publish your report on RPubs

- ### Check for spelling errors:

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

---

# .center[[Final Presentations](https://eda.seas.gwu.edu/2021-Spring/a-project.html#Presentation) (Due 05/04)]

</br>

- ### We'll watch these during class period on May 05
- ### 9 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/2021-Spring/a-project.html#Final_Interview) (05/05 - 05/07)]

- ### Schedule for a 10-minute interview using [this link](https://jhelvy.appointlet.com/b/interview)</br>(also posted in Slack)
- ### I'll be emailing you a list of questions

- ### 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.