---
title: "Cours 07 - Données temporelles et textuelles"
author: "Antoine Neuraz"
date: "22/11/2019"
output: 
  xaringan::moon_reader:
    css: ['default','css/my_style.css']
    lib_dir: libs
    seal: false
    nature:
      ratio: '4:3'
      countIncrementalSlides: false
      self-contained: true
      beforeInit: "addons/macros.js"
---

```{r, include = F}
library(ggplot2)
library(dplyr)
library(stringi)
```

class: center, middle, title

# Visualisation de données textuelles et temporelles

### 2019-2020

## Dr. Antoine Neuraz

### AHU Informatique médicale
#### Hôpital Necker-Enfants malades, </br> Université de Paris

---
class: center, full

![](img/seismes.png)
[https://frama.link/viz-seismes]()

---
class: center, middle, inverse

# Visualisation de données textuelles

---
class: center
## Données textuelles ? 

![:scale 90%](img/textual_data_levels.png)

---
class:center, middle

# Taille

---
class: center
## Word cloud

![](img/wordcloud.png)
---
## Word cloud plus analytique

![](img/word_cloud_analytic.png)
---

## Bubble cloud

![](img/bubblecloud.png)

[Bubble Cloud](https://archive.nytimes.com/www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html)

---
class: center, middle

# Position

---
## Text arc by Bradford Paley

![](img/textarc.png)

[version Interactive](https://vallandingham.me/textarc/)

---
## Stereotropes

![:scale 85%](img/stereotropes.png)
[stereotropes](http://stereotropes.bocoup.com/gender)

---
## Wordwanderer

![](img/wordwanderer.png)

[http://wordwanderer.org/]()

---
class: center, middle

# Structure

---
## Concordance

![](img/concordanceplot.png)
[Quick concordance plot](https://vallandingham.me/concordance_plot/)

---
## Fingerprint

![:scale 85%](img/fingerprints.png)

[litterature fingerprints](https://kops.uni-konstanz.de/bitstream/handle/123456789/5492/Literature_Fingerprinting.pdf)

---
## Word tree

![](img/word_tree.png)
[Word tree](https://www.jasondavies.com/wordtree/?source=alice-in-wonderland.txt&prefix=alice%20to)

---
## Origins of species

![](img/origins_species.png)

[https://fathom.info/traces/]()

---
class: center 
## Dissertation browser 

![:scale 70%](img/dissertation.png)

[Dissertation browser](https://www-nlp.stanford.edu/projects/dissertations/browser.html)

---
## Literary Organism

![](img/litterary.png)

---
## Sentence drawing

![](img/sentence_drawing.png)

[sentence drawings](https://vallandingham.me/sentence_drawings/#1984)

---
class: center, middle, inverse

# Visualisation de données temporelles

---
class: full, center
![:abs 100%, 0, 0](img/Night_Photography.jpg)

---
## Bien sur: le line chart

![](img/playfair.png)

---
## ou encore : Minard

![](img/minard.png)

---
## Rose diagram (polar area)

![](img/nightingale.png)
#### Nightingale (1856)

---
## Heatmap 

![:scale 80%](img/trulia.png)

[interactive](https://visual.ly/community/interactive-graphic/business/house-hunting)

---
class: center
## Gapminder 

<iframe width="800" height="400" src="https://www.youtube.com/embed/BPt8ElTQMIg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

---
## divide and conquer

![](img/walmart.png)

---
## Streamgraph

![](img/streamgraph.png)

---
class: center
## Eventflow

<iframe width="800" height="400" src="https://www.youtube.com/embed/ZN1BefRmBMc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

[Eventlow](https://hcil.umd.edu/eventflow/)