Antoine Neuraz 5 роки тому
джерело
коміт
7eebc72154
26 змінених файлів з 452 додано та 0 видалено
  1. +193
    -0
      courses/07_time_text.Rmd
  2. +259
    -0
      courses/07_time_text.html
  3. BIN
      courses/07_time_text_files/figure-html/unnamed-chunk-3-1.png
  4. BIN
      courses/img/Night_Photography.jpg
  5. BIN
      courses/img/bubblecloud.png
  6. BIN
      courses/img/concordanceplot.png
  7. BIN
      courses/img/dissertation.png
  8. BIN
      courses/img/eventflow.png
  9. BIN
      courses/img/fingerprints.png
  10. BIN
      courses/img/heatmap.png
  11. BIN
      courses/img/litterary.png
  12. BIN
      courses/img/nightingale.png
  13. BIN
      courses/img/origins_species.png
  14. BIN
      courses/img/seismes.png
  15. BIN
      courses/img/sentence_drawing.png
  16. BIN
      courses/img/stereotropes.png
  17. BIN
      courses/img/streamgraph.png
  18. BIN
      courses/img/textarc.png
  19. BIN
      courses/img/textual_data_levels.afdesign
  20. BIN
      courses/img/textual_data_levels.png
  21. BIN
      courses/img/trulia.png
  22. BIN
      courses/img/walmart.png
  23. BIN
      courses/img/word_cloud_analytic.png
  24. BIN
      courses/img/word_tree.png
  25. BIN
      courses/img/wordcloud.png
  26. BIN
      courses/img/wordwanderer.png

+ 193
- 0
courses/07_time_text.Rmd Переглянути файл

@@ -0,0 +1,193 @@
---
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, 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/)

+ 259
- 0
courses/07_time_text.html Переглянути файл

@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<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)

---
## 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;
</textarea>
<style data-target="print-only">@media screen {.remark-slide-container{display:block;}.remark-slide-scaler{box-shadow:none;}}</style>
<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(d) {
var 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);
})(document);

(function(d) {
var el = d.getElementsByClassName("remark-slides-area");
if (!el) return;
var slide, slides = slideshow.getSlides(), els = el[0].children;
for (var i = 1; i < slides.length; i++) {
slide = slides[i];
if (slide.properties.continued === "true" || slide.properties.count === "false") {
els[i - 1].className += ' has-continuation';
}
}
var s = d.createElement("style");
s.type = "text/css"; s.innerHTML = "@media print { .has-continuation { display: none; } }";
d.head.appendChild(s);
})(document);
// delete the temporary CSS (for displaying all slides initially) when the user
// starts to view slides
(function() {
var deleted = false;
slideshow.on('beforeShowSlide', function(slide) {
if (deleted) return;
var sheets = document.styleSheets, node;
for (var i = 0; i < sheets.length; i++) {
node = sheets[i].ownerNode;
if (node.dataset["target"] !== "print-only") continue;
node.parentNode.removeChild(node);
}
deleted = true;
});
})();</script>

<script>
(function() {
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (/^(https?:)?\/\//.test(links[i].getAttribute('href'))) {
links[i].target = '_blank';
}
}
})();
</script>

<script>
slideshow._releaseMath = function(el) {
var i, text, code, codes = el.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++;
}
};
slideshow._releaseMath(document);
</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>

BIN
courses/07_time_text_files/figure-html/unnamed-chunk-3-1.png Переглянути файл

Перед Після
Ширина: 504  |  Висота: 201  |  Розмір: 15KB

BIN
courses/img/Night_Photography.jpg Переглянути файл

Перед Після
Ширина: 3560  |  Висота: 2848  |  Розмір: 6.2MB

BIN
courses/img/bubblecloud.png Переглянути файл

Перед Після
Ширина: 1025  |  Висота: 588  |  Розмір: 205KB

BIN
courses/img/concordanceplot.png Переглянути файл

Перед Після
Ширина: 782  |  Висота: 310  |  Розмір: 54KB

BIN
courses/img/dissertation.png Переглянути файл

Перед Після
Ширина: 1090  |  Висота: 951  |  Розмір: 236KB

BIN
courses/img/eventflow.png Переглянути файл

Перед Після
Ширина: 2032  |  Висота: 1156  |  Розмір: 1.1MB

BIN
courses/img/fingerprints.png Переглянути файл

Перед Після
Ширина: 847  |  Висота: 640  |  Розмір: 175KB

BIN
courses/img/heatmap.png Переглянути файл

Перед Після
Ширина: 940  |  Висота: 761  |  Розмір: 283KB

BIN
courses/img/litterary.png Переглянути файл

Перед Після
Ширина: 1055  |  Висота: 751  |  Розмір: 573KB

BIN
courses/img/nightingale.png Переглянути файл

Перед Після
Ширина: 946  |  Висота: 595  |  Розмір: 730KB

BIN
courses/img/origins_species.png Переглянути файл

Перед Після
Ширина: 893  |  Висота: 572  |  Розмір: 108KB

BIN
courses/img/seismes.png Переглянути файл

Перед Після
Ширина: 4474  |  Висота: 2504  |  Розмір: 4.0MB

BIN
courses/img/sentence_drawing.png Переглянути файл

Перед Після
Ширина: 1053  |  Висота: 492  |  Розмір: 66KB

BIN
courses/img/stereotropes.png Переглянути файл

Перед Після
Ширина: 981  |  Висота: 724  |  Розмір: 111KB

BIN
courses/img/streamgraph.png Переглянути файл

Перед Після
Ширина: 854  |  Висота: 435  |  Розмір: 292KB

BIN
courses/img/textarc.png Переглянути файл

Перед Після
Ширина: 1351  |  Висота: 767  |  Розмір: 519KB

BIN
courses/img/textual_data_levels.afdesign Переглянути файл


BIN
courses/img/textual_data_levels.png Переглянути файл

Перед Після
Ширина: 1247  |  Висота: 986  |  Розмір: 66KB

BIN
courses/img/trulia.png Переглянути файл

Перед Після
Ширина: 942  |  Висота: 757  |  Розмір: 285KB

BIN
courses/img/walmart.png Переглянути файл

Перед Після
Ширина: 852  |  Висота: 909  |  Розмір: 837KB

BIN
courses/img/word_cloud_analytic.png Переглянути файл

Перед Після
Ширина: 1067  |  Висота: 519  |  Розмір: 306KB

BIN
courses/img/word_tree.png Переглянути файл

Перед Після
Ширина: 1903  |  Висота: 905  |  Розмір: 254KB

BIN
courses/img/wordcloud.png Переглянути файл

Перед Після
Ширина: 1766  |  Висота: 1308  |  Розмір: 367KB

BIN
courses/img/wordwanderer.png Переглянути файл

Перед Після
Ширина: 1019  |  Висота: 519  |  Розмір: 175KB

Завантаження…
Відмінити
Зберегти