HEGP
/
dataviz

<!DOCTYPE html>
<html>
  <head>
    <title>Cours 07 - Données temporelles et textuelles</title>
    <meta charset="utf-8">
    <meta name="author" content="Antoine Neuraz" />
    <link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/my_style.css" type="text/css" />
  </head>
  <body>
    <textarea id="source">


---
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&amp;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 

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

---
## divide and conquer

![](img/walmart.png)

---
## Streamgraph

![](img/streamgraph.png)

---
class: center
## Eventflow

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

[Eventlow](https://hcil.umd.edu/eventflow/)
    </textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
<script src="addons/macros.js"></script>
<script>var slideshow = remark.create({
"ratio": "4:3",
"countIncrementalSlides": false,
"self-contained": true
});
if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) {
  window.dispatchEvent(new Event('resize'));
});
(function() {
  var d = document, s = d.createElement("style"), r = d.querySelector(".remark-slide-scaler");
  if (!r) return;
  s.type = "text/css"; s.innerHTML = "@page {size: " + r.style.width + " " + r.style.height +"; }";
  d.head.appendChild(s);
})();</script>

<script>
(function() {
  var i, text, code, codes = document.getElementsByTagName('code');
  for (i = 0; i < codes.length;) {
    code = codes[i];
    if (code.parentNode.tagName !== 'PRE' && code.childElementCount === 0) {
      text = code.textContent;
      if (/^\\\((.|\s)+\\\)$/.test(text) || /^\\\[(.|\s)+\\\]$/.test(text) ||
          /^\$\$(.|\s)+\$\$$/.test(text) ||
          /^\\begin\{([^}]+)\}(.|\s)+\\end\{[^}]+\}$/.test(text)) {
        code.outerHTML = code.innerHTML;  // remove <code></code>
        continue;
      }
    }
    i++;
  }
})();
</script>
<!-- dynamically load mathjax for compatibility with self-contained -->
<script>
(function () {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src  = 'https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML';
  if (location.protocol !== 'file:' && /^https?:/.test(script.src))
    script.src  = script.src.replace(/^https?:/, '');
  document.getElementsByTagName('head')[0].appendChild(script);
})();
</script>
  </body>
</html>