course 7

5 years ago · 7eebc72154
--- a/courses/07_time_text.Rmd
+++ b/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/)
--- a/courses/07_time_text.html
+++ b/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>
--- a/courses/07_time_text_files/figure-html/unnamed-chunk-3-1.png
+++ b/courses/07_time_text_files/figure-html/unnamed-chunk-3-1.png
--- a/courses/img/Night_Photography.jpg
+++ b/courses/img/Night_Photography.jpg
--- a/courses/img/bubblecloud.png
+++ b/courses/img/bubblecloud.png
--- a/courses/img/concordanceplot.png
+++ b/courses/img/concordanceplot.png
--- a/courses/img/dissertation.png
+++ b/courses/img/dissertation.png
--- a/courses/img/eventflow.png
+++ b/courses/img/eventflow.png
--- a/courses/img/fingerprints.png
+++ b/courses/img/fingerprints.png
--- a/courses/img/heatmap.png
+++ b/courses/img/heatmap.png
--- a/courses/img/litterary.png
+++ b/courses/img/litterary.png
--- a/courses/img/nightingale.png
+++ b/courses/img/nightingale.png
--- a/courses/img/origins_species.png
+++ b/courses/img/origins_species.png
--- a/courses/img/seismes.png
+++ b/courses/img/seismes.png
--- a/courses/img/sentence_drawing.png
+++ b/courses/img/sentence_drawing.png
--- a/courses/img/stereotropes.png
+++ b/courses/img/stereotropes.png
--- a/courses/img/streamgraph.png
+++ b/courses/img/streamgraph.png
--- a/courses/img/textarc.png
+++ b/courses/img/textarc.png
--- a/courses/img/textual_data_levels.afdesign
+++ b/courses/img/textual_data_levels.afdesign
--- a/courses/img/textual_data_levels.png
+++ b/courses/img/textual_data_levels.png
--- a/courses/img/trulia.png
+++ b/courses/img/trulia.png
--- a/courses/img/walmart.png
+++ b/courses/img/walmart.png
--- a/courses/img/word_cloud_analytic.png
+++ b/courses/img/word_cloud_analytic.png
--- a/courses/img/word_tree.png
+++ b/courses/img/word_tree.png
--- a/courses/img/wordcloud.png
+++ b/courses/img/wordcloud.png
--- a/courses/img/wordwanderer.png
+++ b/courses/img/wordwanderer.png