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

Двоичные данные
courses/07_time_text_files/figure-html/unnamed-chunk-3-1.png Просмотреть файл

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

Двоичные данные
courses/img/Night_Photography.jpg Просмотреть файл

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

Двоичные данные
courses/img/bubblecloud.png Просмотреть файл

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

Двоичные данные
courses/img/concordanceplot.png Просмотреть файл

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

Двоичные данные
courses/img/dissertation.png Просмотреть файл

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

Двоичные данные
courses/img/eventflow.png Просмотреть файл

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

Двоичные данные
courses/img/fingerprints.png Просмотреть файл

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

Двоичные данные
courses/img/heatmap.png Просмотреть файл

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

Двоичные данные
courses/img/litterary.png Просмотреть файл

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

Двоичные данные
courses/img/nightingale.png Просмотреть файл

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

Двоичные данные
courses/img/origins_species.png Просмотреть файл

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

Двоичные данные
courses/img/seismes.png Просмотреть файл

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

Двоичные данные
courses/img/sentence_drawing.png Просмотреть файл

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

Двоичные данные
courses/img/stereotropes.png Просмотреть файл

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

Двоичные данные
courses/img/streamgraph.png Просмотреть файл

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

Двоичные данные
courses/img/textarc.png Просмотреть файл

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

Двоичные данные
courses/img/textual_data_levels.afdesign Просмотреть файл


Двоичные данные
courses/img/textual_data_levels.png Просмотреть файл

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

Двоичные данные
courses/img/trulia.png Просмотреть файл

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

Двоичные данные
courses/img/walmart.png Просмотреть файл

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

Двоичные данные
courses/img/word_cloud_analytic.png Просмотреть файл

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

Двоичные данные
courses/img/word_tree.png Просмотреть файл

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

Двоичные данные
courses/img/wordcloud.png Просмотреть файл

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

Двоичные данные
courses/img/wordwanderer.png Просмотреть файл

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

Загрузка…
Отмена
Сохранить