Data Viz for Better

# Data Viz for Better
## RSS Merseyside
### Rhian Davies (<a href="https://twitter.com/trianglegirl">@trianglegirl</a>)
### 2020-07-01

---

<div class="jr-header">
        <img class="logo" src="assets/white_logo_full.png"/>
        <span class="social"><table><tr><td><img src="assets/twitter.gif"/></td><td> @jumping_uk</td></tr></table></span>
      </div>
      
<div class="jr-footer"><span>&copy; 2020 Jumping Rivers (jumpingrivers.com)</span><div></div></div>

---
<img src="graphics/tote-zoom.jpg" width="1768" />
???

* I look at Florence's polar area diagram atleast once a week.
* If you see me in Aldi, or come to my house for a cuppa, you might think I'm a bit weird.

---

???

* I have a large collection of FN paraphilania.
* I might open a FN museum of the North
* Florence Nigtingale Day started in 2013, run by Professor Nadia Mazda & Lancaster M&S dep
* On mug it saysStatistician & Nurse.
* I would argue she was also a communicator - which is a key part of both.

---

# Charts to Inspire **Action** and Drive Change

]
.pull-right[
<img src="graphics/RSS.jpg" width="340" />
]

???

* Why do we make graphs?
 * Pretty - make Art
 * Get published
 * Tell a story
 * Educate
 * Clickbate

* Make a difference 
* Inspire change
* Florence made plots to tell a story

Florence realised the power of data.
Observation, reasoning and communication to have impact

---

# Visualisation in Victorian Britain

> “We do not want impressions, we want facts. You complain that your report would be dry. The dryer the better. Statistics should be the dryest of all reading.”

-- William Farr, 1861

#### Explore More

* [Interactive timeline of infographics historic data](https://history.infowetrust.com/) 
* [Data Vis Milestones](http://datavis.ca/milestones/)
* [Florence Nightingale & Victorian data visualisation ](https://rss.onlinelibrary.wiley.com/doi/abs/10.1111/1740-9713.01376)
]

???

* Tables were common
* Graphs were seen as inferior

Fortunately, Florence ignored William Farr.
None but scientific men ever look in the Appendix of a Report.
And this is for the vulgar public.

* Are tables better?

Charles Minard (map of Napoleon's Russian campaign) 
John Snow (Cholera map of London)

RJ Andrews, Michel Friendly, Alison Hedley

---

# Challenger disaster

???

Link image: https://en.wikipedia.org/wiki/Space_Shuttle_Challenger_disaster#/media/File:Challenger_flight_51-l_crew.jpg

* Launch Time: January 28, 1986
* The temperature was 31◦F / -0.6 C
* Exploded after 73 seconds from its launch leading to the death of its seven crew
* 6 orings
* Low temperatures might harden the O-ring seals leading to gas leak
* Engineers and manufacturers of the rocket motors believed that they should
abort the flight
* 13 charts
---

---

background-image: url(graphics/challenger-graph.png)
background-size: contain 
class: bottom, right

Tufte, Edward R. (1997). Visual Explanations: Images and Quantities, Evidence and Narrative

---

---

---

background-image: url(graphics/playfair.jpg)
background-size: contain 
class: center, middle, inverse

???

Scottish-born William Playfair
Invented of the pie chart, and circle graph, used to show part-whole relations
http://www.branchcollective.org/?ps_articles=jonathan-sachs-17861801-william-playfair-statistical-graphics-and-the-meaning-of-an-event

---

background-image: url(graphics/guerry_1829-coxcombs.jpg)
background-size: contain 
class: center, middle, inverse

???

* André-Michel Guerry (1829)
* French lawyer and amateur statistician.
* Show variations in weather and other phenomena over calendar cycles.
* Variation of the pie chart
* uses equi-angular sectors of differing radii
* rather than sectors with varying angle, but equal radii
* direction of the wind in 8 sectors
* births and deaths by hour of theday.

* Nightingale probably got the idea from William Farr, who in turn was acquainted with Guerry's work.

---

background-image: url(graphics/liverpool-rose.png)
background-size: contain
class: center, middle

???
* Wind rose for Liverpool
* 2 weeks of data
* Taken from MetroBlue

---

background-image: url(graphics/classic-wedge-2.jpeg)
background-size: contain
class: bottom, right, inverse

### [Wellcome Collection.](https://wellcomecollection.org/works/sz9sms2m)

???

* Name (rose, polar area, wedges) - not coxcombe
* Describe it visually
* Worked with Dr William Farr (Medical Statistician)

Nightingale hoped her charts would liven up her publications; the queen, she thought, might look at the pictures, even if she did not read the words.

Compare to a pie chart:

1. Each slice is an equal sector
1. Each slice allows area comparison with other slices
1. Easier to compare radii than angles

---

---

background-image: url(assets/white_logo.png)
background-size: cover
class: center, middle, inverse

# Why not a bar chart?

---

???

* Why didn’t she make a bar chart?
* Florence Nightingale made lots of bar charts. Have you seen any? Did they make the history books?
* Compare year on year (cyclic)
* Compare season on season
* Which tells the better story?

???

* FN was worried the charts would be misinterpretted

---

background-image: url(graphics/moba-bar.png)
background-size: contain
class: bottom, right, inverse

???

bar chart showing how soldiers in peacetime, living in their barracks in England, were dying at a faster rate than civilians in the cities around them.

---

```r
*ggplot(df)
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_1_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
* theme(text = element_text(size = 50))
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_2_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
* aes(x = category)
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_3_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
  aes(x = category) +  
* aes(y = value)
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_4_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
  aes(x = category) +  
  aes(y = value) +  
* geom_col(width = 1)
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_5_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
  aes(x = category) +  
  aes(y = value) +  
  geom_col(width = 1) +  
* aes(fill = category)
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_6_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
  aes(x = category) +  
  aes(y = value) +  
  geom_col(width = 1) +  
  aes(fill = category) +  
* coord_polar()
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_7_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---
count: false

```r
ggplot(df) +  
  theme(text = element_text(size = 50)) +  
  aes(x = category) +  
  aes(y = value) +  
  geom_col(width = 1) +  
  aes(fill = category) +  
  coord_polar() +  
* scale_y_sqrt()
```
]
 
.right-panel-bar2polar-auto[
<img src="2020-05-12-florence-and-data-viz_files/figure-html/bar2polar_auto_8_output-1.png" width="1296" style="display: block; margin: auto;" />
]

---

background-image: url(graphics/moba-bat.png)
background-size: contain
class: bottom, right, inverse

---

---

# Re-creating in R

* Data available in the R pacakge **HistData**

<table>
 <thead>
  <tr>
   <th style="text-align:left;"> Date </th>
   <th style="text-align:left;"> Month </th>
   <th style="text-align:right;"> Year </th>
   <th style="text-align:right;"> Army </th>
   <th style="text-align:right;"> Disease </th>
   <th style="text-align:right;"> Wounds </th>
   <th style="text-align:right;"> Other </th>
   <th style="text-align:right;"> Disease.rate </th>
   <th style="text-align:right;"> Wounds.rate </th>
   <th style="text-align:right;"> Other.rate </th>
  </tr>
 </thead>
<tbody>
  <tr>
   <td style="text-align:left;"> 1854-04-01 </td>
   <td style="text-align:left;"> Apr </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 8571 </td>
   <td style="text-align:right;"> 1 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 5 </td>
   <td style="text-align:right;"> 1.4 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 7.0 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-05-01 </td>
   <td style="text-align:left;"> May </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 23333 </td>
   <td style="text-align:right;"> 12 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 9 </td>
   <td style="text-align:right;"> 6.2 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 4.6 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-06-01 </td>
   <td style="text-align:left;"> Jun </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 28333 </td>
   <td style="text-align:right;"> 11 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 6 </td>
   <td style="text-align:right;"> 4.7 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 2.5 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-07-01 </td>
   <td style="text-align:left;"> Jul </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 28722 </td>
   <td style="text-align:right;"> 359 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 23 </td>
   <td style="text-align:right;"> 150.0 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 9.6 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-08-01 </td>
   <td style="text-align:left;"> Aug </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 30246 </td>
   <td style="text-align:right;"> 828 </td>
   <td style="text-align:right;"> 1 </td>
   <td style="text-align:right;"> 30 </td>
   <td style="text-align:right;"> 328.5 </td>
   <td style="text-align:right;"> 0.4 </td>
   <td style="text-align:right;"> 11.9 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-09-01 </td>
   <td style="text-align:left;"> Sep </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 30290 </td>
   <td style="text-align:right;"> 788 </td>
   <td style="text-align:right;"> 81 </td>
   <td style="text-align:right;"> 70 </td>
   <td style="text-align:right;"> 312.2 </td>
   <td style="text-align:right;"> 32.1 </td>
   <td style="text-align:right;"> 27.7 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-10-01 </td>
   <td style="text-align:left;"> Oct </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 30643 </td>
   <td style="text-align:right;"> 503 </td>
   <td style="text-align:right;"> 132 </td>
   <td style="text-align:right;"> 128 </td>
   <td style="text-align:right;"> 197.0 </td>
   <td style="text-align:right;"> 51.7 </td>
   <td style="text-align:right;"> 50.1 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-11-01 </td>
   <td style="text-align:left;"> Nov </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 29736 </td>
   <td style="text-align:right;"> 844 </td>
   <td style="text-align:right;"> 287 </td>
   <td style="text-align:right;"> 106 </td>
   <td style="text-align:right;"> 340.6 </td>
   <td style="text-align:right;"> 115.8 </td>
   <td style="text-align:right;"> 42.8 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1854-12-01 </td>
   <td style="text-align:left;"> Dec </td>
   <td style="text-align:right;"> 1854 </td>
   <td style="text-align:right;"> 32779 </td>
   <td style="text-align:right;"> 1725 </td>
   <td style="text-align:right;"> 114 </td>
   <td style="text-align:right;"> 131 </td>
   <td style="text-align:right;"> 631.5 </td>
   <td style="text-align:right;"> 41.7 </td>
   <td style="text-align:right;"> 48.0 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-01-01 </td>
   <td style="text-align:left;"> Jan </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 32393 </td>
   <td style="text-align:right;"> 2761 </td>
   <td style="text-align:right;"> 83 </td>
   <td style="text-align:right;"> 324 </td>
   <td style="text-align:right;"> 1022.8 </td>
   <td style="text-align:right;"> 30.7 </td>
   <td style="text-align:right;"> 120.0 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-02-01 </td>
   <td style="text-align:left;"> Feb </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 30919 </td>
   <td style="text-align:right;"> 2120 </td>
   <td style="text-align:right;"> 42 </td>
   <td style="text-align:right;"> 361 </td>
   <td style="text-align:right;"> 822.8 </td>
   <td style="text-align:right;"> 16.3 </td>
   <td style="text-align:right;"> 140.1 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-03-01 </td>
   <td style="text-align:left;"> Mar </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 30107 </td>
   <td style="text-align:right;"> 1205 </td>
   <td style="text-align:right;"> 32 </td>
   <td style="text-align:right;"> 172 </td>
   <td style="text-align:right;"> 480.3 </td>
   <td style="text-align:right;"> 12.8 </td>
   <td style="text-align:right;"> 68.6 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-04-01 </td>
   <td style="text-align:left;"> Apr </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 32252 </td>
   <td style="text-align:right;"> 477 </td>
   <td style="text-align:right;"> 48 </td>
   <td style="text-align:right;"> 57 </td>
   <td style="text-align:right;"> 177.5 </td>
   <td style="text-align:right;"> 17.9 </td>
   <td style="text-align:right;"> 21.2 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-05-01 </td>
   <td style="text-align:left;"> May </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 35473 </td>
   <td style="text-align:right;"> 508 </td>
   <td style="text-align:right;"> 49 </td>
   <td style="text-align:right;"> 37 </td>
   <td style="text-align:right;"> 171.8 </td>
   <td style="text-align:right;"> 16.6 </td>
   <td style="text-align:right;"> 12.5 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-06-01 </td>
   <td style="text-align:left;"> Jun </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 38863 </td>
   <td style="text-align:right;"> 802 </td>
   <td style="text-align:right;"> 209 </td>
   <td style="text-align:right;"> 31 </td>
   <td style="text-align:right;"> 247.6 </td>
   <td style="text-align:right;"> 64.5 </td>
   <td style="text-align:right;"> 9.6 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-07-01 </td>
   <td style="text-align:left;"> Jul </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 42647 </td>
   <td style="text-align:right;"> 382 </td>
   <td style="text-align:right;"> 134 </td>
   <td style="text-align:right;"> 33 </td>
   <td style="text-align:right;"> 107.5 </td>
   <td style="text-align:right;"> 37.7 </td>
   <td style="text-align:right;"> 9.3 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-08-01 </td>
   <td style="text-align:left;"> Aug </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 44614 </td>
   <td style="text-align:right;"> 483 </td>
   <td style="text-align:right;"> 164 </td>
   <td style="text-align:right;"> 25 </td>
   <td style="text-align:right;"> 129.9 </td>
   <td style="text-align:right;"> 44.1 </td>
   <td style="text-align:right;"> 6.7 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-09-01 </td>
   <td style="text-align:left;"> Sep </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 47751 </td>
   <td style="text-align:right;"> 189 </td>
   <td style="text-align:right;"> 276 </td>
   <td style="text-align:right;"> 20 </td>
   <td style="text-align:right;"> 47.5 </td>
   <td style="text-align:right;"> 69.4 </td>
   <td style="text-align:right;"> 5.0 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-10-01 </td>
   <td style="text-align:left;"> Oct </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 46852 </td>
   <td style="text-align:right;"> 128 </td>
   <td style="text-align:right;"> 53 </td>
   <td style="text-align:right;"> 18 </td>
   <td style="text-align:right;"> 32.8 </td>
   <td style="text-align:right;"> 13.6 </td>
   <td style="text-align:right;"> 4.6 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-11-01 </td>
   <td style="text-align:left;"> Nov </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 37853 </td>
   <td style="text-align:right;"> 178 </td>
   <td style="text-align:right;"> 33 </td>
   <td style="text-align:right;"> 32 </td>
   <td style="text-align:right;"> 56.4 </td>
   <td style="text-align:right;"> 10.5 </td>
   <td style="text-align:right;"> 10.1 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1855-12-01 </td>
   <td style="text-align:left;"> Dec </td>
   <td style="text-align:right;"> 1855 </td>
   <td style="text-align:right;"> 43217 </td>
   <td style="text-align:right;"> 91 </td>
   <td style="text-align:right;"> 18 </td>
   <td style="text-align:right;"> 28 </td>
   <td style="text-align:right;"> 25.3 </td>
   <td style="text-align:right;"> 5.0 </td>
   <td style="text-align:right;"> 7.8 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1856-01-01 </td>
   <td style="text-align:left;"> Jan </td>
   <td style="text-align:right;"> 1856 </td>
   <td style="text-align:right;"> 44212 </td>
   <td style="text-align:right;"> 42 </td>
   <td style="text-align:right;"> 2 </td>
   <td style="text-align:right;"> 48 </td>
   <td style="text-align:right;"> 11.4 </td>
   <td style="text-align:right;"> 0.5 </td>
   <td style="text-align:right;"> 13.0 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1856-02-01 </td>
   <td style="text-align:left;"> Feb </td>
   <td style="text-align:right;"> 1856 </td>
   <td style="text-align:right;"> 43485 </td>
   <td style="text-align:right;"> 24 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 19 </td>
   <td style="text-align:right;"> 6.6 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 5.2 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> 1856-03-01 </td>
   <td style="text-align:left;"> Mar </td>
   <td style="text-align:right;"> 1856 </td>
   <td style="text-align:right;"> 46140 </td>
   <td style="text-align:right;"> 15 </td>
   <td style="text-align:right;"> 0 </td>
   <td style="text-align:right;"> 35 </td>
   <td style="text-align:right;"> 3.9 </td>
   <td style="text-align:right;"> 0.0 </td>
   <td style="text-align:right;"> 9.1 </td>
  </tr>
</tbody>
</table>

---

---

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---
count: false

---

---

# StatsYSS #FloViz competition

* [Most accurate: Edward Gunning](https://github.com/edwardgunning/FlorenceNightingale)
* [Full results](https://statsyss.wordpress.com/2020/05/13/floviz-winning-entries/)

]

???

Nandita Das for her beautiful version of the diagram in the shape of Athena, Flo’s pet owl

---

---

background-image: url(assets/white_logo.png)
background-size: cover
class: center, middle, inverse

# Are they still relevant?

???

YES!
Good for:
1. Good for cyclic phenomia (direction + volume)
1. Grabbing attention / making pretty art
1. Suits small multiples

---

background-image: url(graphics/SWDChallenge20July20201920f.png)
background-size: contain 
class: bottom, right, inverse

### [Leah Erb](https://community.storytellingwithdata.com/challenges/d7239073-bf80-4b9e-98f9-8b19f2b2ad55/b5fd3236-3a4c-4efd-8c25-171b70252553)

---

background-image: url(graphics/cricket-big.jpg)
background-size: contain 
class: bottom, right, inverse

### [@sportschord](https://twitter.com/sportschord)

???

James Smith (ETSY)

Link: https://community.storytellingwithdata.com/challenges/d7239073-bf80-4b9e-98f9-8b19f2b2ad55/f1f66d07-c466-4cd4-9083-345c42cfbdb9
---

background-image: url(graphics/got.png)
background-size: contain 
class: bottom, right, inverse

### [@hanykowska](https://twitter.com/hanykowska)

???

Link: https://community.storytellingwithdata.com/challenges/d7239073-bf80-4b9e-98f9-8b19f2b2ad55/8540c7b7-6661-4409-b8a9-546a2966aeeb
---

---

background-image: url(assets/white_logo.png)
background-size: cover
class: center, middle, inverse

# My Modern Data Viz Nightingales

---

---

# Amber Thomas [@ProQuesAsker](https://twitter.com/proquesasker)

* Senior Journalist-Engineer at [The Pudding](https://pudding.cool/)

* [Measuring racial diversity in journalism](https://pudding.cool/2017/10/asne/)

* [Analyzing gender tropes in film](https://pudding.cool/2017/08/screen-direction/) with [@juliasilge](https://twitter.com/juliasilge)

* [Colorism in High Fashion](https://pudding.cool/2019/04/vogue/)

]

---

---

background-image: url(graphics/fashion.gif)
background-size: contain 
class: center, middle, inverse

---

---

# Amy Cesal [@AmyCesal](https://twitter.com/AmyCesal)

* Founding member of the [DataVizSociety](https://www.datavisualizationsociety.com/)

* [#DayDohViz](https://twitter.com/search?q=%23DayDohViz)

* [Wedding Data Viz](https://medium.com/nightingale/https-medium-com-data-visualization-society-wedding-data-viz-36e7b9f4787f)

]

.pull-right[
<img src="graphics/amy-cesal.jpg" width="150%" style="display: block; margin: auto;" />
]

---

---

background-image: url(graphics/perceptions-of-probability.jpeg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/badges.jpg)
background-size: contain 
class: center, middle, inverse

???
guest badges that would function as name tags and conversation starters

If we had been interested in making a strictly informative graphic, the heart shape would have been an impractical, and frankly, poor choice to display this data. Comparing the size of asymmetric shapes is difficult, and it is unclear if the variable scales linearly with the diameter of the shape or non-linearly with the area of the shape.
But, we were more interested in creating a feeling.

---

---

# Mona Chalabi [@monachalabi](https://www.instagram.com/monachalabi/)

.pull-left[
<img src="graphics/mona-chalabi-2.jpg" width="853" style="display: block; margin: auto;" />
]

* Data editor at [Guardian US](https://www.theguardian.com/profile/mona-chalabi)

* Funny & creative

* Powerful social issues

* Instagram swipe to tell a story

]

---

---

background-image: url(graphics/acne.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/covid.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/justice1.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/justice2.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/justice3.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(graphics/justice4.jpg)
background-size: contain 
class: center, middle, inverse
---

background-image: url(graphics/justice5.jpg)
background-size: contain 
class: center, middle, inverse

---

background-image: url(assets/white_logo.png)
background-size: cover
class: center, middle, inverse

# Thank you

## [Slides: bit.ly/flo-data-viz](https://trianglegirl.github.io/presentations/2020-07-01-data-viz-for-better/2020-05-12-florence-and-data-viz.html#1)