ソースを参照

course 7

master
Antoine Neuraz 5年前
コミット
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

読み込み中…
キャンセル
保存