@@ -1,7 +1,7 @@ | |||||
--- | --- | ||||
title: "Introduction à la data visualisation" | title: "Introduction à la data visualisation" | ||||
author: "Antoine Neuraz" | author: "Antoine Neuraz" | ||||
date: "18/11/2019" | |||||
date: "16/11/2020" | |||||
output: | output: | ||||
xaringan::moon_reader: | xaringan::moon_reader: | ||||
css: ['default','css/my_style.css'] | css: ['default','css/my_style.css'] | ||||
@@ -23,13 +23,31 @@ class: center, middle, title | |||||
# UE Visualisation | # UE Visualisation | ||||
### 2019-2020 | |||||
### 2020-2021 | |||||
## Dr. Antoine Neuraz | ## Dr. Antoine Neuraz | ||||
### AHU Informatique médicale | ### AHU Informatique médicale | ||||
#### Hôpital Necker-Enfants malades, </br> Université de Paris | #### Hôpital Necker-Enfants malades, </br> Université de Paris | ||||
--- | |||||
class: center, middle | |||||
![](img/usmap_old.png) | |||||
--- | |||||
class: center, middle | |||||
![](img/usmap_new.png) | |||||
--- | |||||
class: center, middle | |||||
<video > | |||||
<source src="img/usmap_video.mp4" type="video/mp4"> | |||||
</video> | |||||
--- | --- | ||||
class: center, middle | class: center, middle | ||||
# 2 Objectifs principaux | # 2 Objectifs principaux | ||||
@@ -53,7 +71,7 @@ class: center, middle | |||||
### Mardi après-midi: description du projet | ### Mardi après-midi: description du projet | ||||
### Soutenance le **2 décembre** | |||||
### Soutenance le **30 novembre** | |||||
--- | --- | ||||
@@ -255,8 +273,8 @@ class: center, full | |||||
--- | --- | ||||
# 1 second of internet | # 1 second of internet | ||||
![](img/1second.png) | |||||
[](https://www.internetlivestats.com/one-second/) | |||||
![:scale 80%](img/1second.png) | |||||
[https://www.internetlivestats.com/one-second/]() | |||||
--- | --- | ||||
class: center | class: center | ||||
@@ -1,9 +1,10 @@ | |||||
<!DOCTYPE html> | <!DOCTYPE html> | ||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> | |||||
<html lang="" xml:lang=""> | |||||
<head> | <head> | ||||
<title>Introduction à la data visualisation</title> | <title>Introduction à la data visualisation</title> | ||||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||||
<meta name="author" content="Antoine Neuraz" /> | <meta name="author" content="Antoine Neuraz" /> | ||||
<script src="libs/header-attrs-2.5/header-attrs.js"></script> | |||||
<link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" /> | <link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" /> | ||||
<link rel="stylesheet" href="css/my_style.css" type="text/css" /> | <link rel="stylesheet" href="css/my_style.css" type="text/css" /> | ||||
</head> | </head> | ||||
@@ -17,13 +18,31 @@ class: center, middle, title | |||||
# UE Visualisation | # UE Visualisation | ||||
### 2019-2020 | |||||
### 2020-2021 | |||||
## Dr. Antoine Neuraz | ## Dr. Antoine Neuraz | ||||
### AHU Informatique médicale | ### AHU Informatique médicale | ||||
#### Hôpital Necker-Enfants malades, </br> Université de Paris | #### Hôpital Necker-Enfants malades, </br> Université de Paris | ||||
--- | |||||
class: center, middle | |||||
![](img/usmap_old.png) | |||||
--- | |||||
class: center, middle | |||||
![](img/usmap_new.png) | |||||
--- | |||||
class: center, middle | |||||
<video > | |||||
<source src="img/usmap_video.mp4" type="video/mp4"> | |||||
</video> | |||||
--- | --- | ||||
class: center, middle | class: center, middle | ||||
# 2 Objectifs principaux | # 2 Objectifs principaux | ||||
@@ -47,7 +66,7 @@ class: center, middle | |||||
### Mardi après-midi: description du projet | ### Mardi après-midi: description du projet | ||||
### Soutenance le **2 décembre** | |||||
### Soutenance le **30 novembre** | |||||
--- | --- | ||||
@@ -249,8 +268,8 @@ class: center, full | |||||
--- | --- | ||||
# 1 second of internet | # 1 second of internet | ||||
![](img/1second.png) | |||||
[](https://www.internetlivestats.com/one-second/) | |||||
![:scale 80%](img/1second.png) | |||||
[https://www.internetlivestats.com/one-second/]() | |||||
--- | --- | ||||
class: center | class: center | ||||
@@ -576,9 +595,25 @@ if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) { | |||||
} | } | ||||
deleted = true; | deleted = true; | ||||
}); | }); | ||||
})();</script> | |||||
<script> | |||||
})(); | |||||
(function() { | |||||
"use strict" | |||||
// Replace <script> tags in slides area to make them executable | |||||
var scripts = document.querySelectorAll( | |||||
'.remark-slides-area .remark-slide-container script' | |||||
); | |||||
if (!scripts.length) return; | |||||
for (var i = 0; i < scripts.length; i++) { | |||||
var s = document.createElement('script'); | |||||
var code = document.createTextNode(scripts[i].textContent); | |||||
s.appendChild(code); | |||||
var scriptAttrs = scripts[i].attributes; | |||||
for (var j = 0; j < scriptAttrs.length; j++) { | |||||
s.setAttribute(scriptAttrs[j].name, scriptAttrs[j].value); | |||||
} | |||||
scripts[i].parentElement.replaceChild(s, scripts[i]); | |||||
} | |||||
})(); | |||||
(function() { | (function() { | ||||
var links = document.getElementsByTagName('a'); | var links = document.getElementsByTagName('a'); | ||||
for (var i = 0; i < links.length; i++) { | for (var i = 0; i < links.length; i++) { | ||||
@@ -586,8 +621,7 @@ if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) { | |||||
links[i].target = '_blank'; | links[i].target = '_blank'; | ||||
} | } | ||||
} | } | ||||
})(); | |||||
</script> | |||||
})();</script> | |||||
<script> | <script> | ||||
slideshow._releaseMath = function(el) { | slideshow._releaseMath = function(el) { | ||||
@@ -1,7 +1,7 @@ | |||||
--- | --- | ||||
title: "correction" | title: "correction" | ||||
author: "Antoine Neuraz" | author: "Antoine Neuraz" | ||||
date: "18/11/2019" | |||||
date: "16/11/2020" | |||||
output: html_document | output: html_document | ||||
--- | --- | ||||
@@ -1,7 +1,7 @@ | |||||
--- | --- | ||||
title: "Introduction ggplot2" | title: "Introduction ggplot2" | ||||
author: "Antoine Neuraz" | author: "Antoine Neuraz" | ||||
date: "18/11/2019" | |||||
date: "16/11/2020" | |||||
output: | output: | ||||
xaringan::moon_reader: | xaringan::moon_reader: | ||||
css: ['default','css/my_style.css'] | css: ['default','css/my_style.css'] | ||||
@@ -1,9 +1,10 @@ | |||||
<!DOCTYPE html> | <!DOCTYPE html> | ||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> | |||||
<html lang="" xml:lang=""> | |||||
<head> | <head> | ||||
<title>Introduction ggplot2</title> | <title>Introduction ggplot2</title> | ||||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||||
<meta name="author" content="Antoine Neuraz" /> | <meta name="author" content="Antoine Neuraz" /> | ||||
<script src="libs/header-attrs-2.5/header-attrs.js"></script> | |||||
<link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" /> | <link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" /> | ||||
<link rel="stylesheet" href="css/my_style.css" type="text/css" /> | <link rel="stylesheet" href="css/my_style.css" type="text/css" /> | ||||
</head> | </head> | ||||
@@ -159,6 +160,10 @@ ggplot(iris, | |||||
* geom_smooth(method='lm', se=FALSE) | * geom_smooth(method='lm', se=FALSE) | ||||
``` | ``` | ||||
``` | |||||
## `geom_smooth()` using formula 'y ~ x' | |||||
``` | |||||
![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-7-1.png)<!-- --> | ![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-7-1.png)<!-- --> | ||||
] | ] | ||||
@@ -177,6 +182,10 @@ ggplot(iris, | |||||
* facet_grid(~Species) | * facet_grid(~Species) | ||||
``` | ``` | ||||
``` | |||||
## `geom_smooth()` using formula 'y ~ x' | |||||
``` | |||||
![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-8-1.png)<!-- --> | ![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-8-1.png)<!-- --> | ||||
] | ] | ||||
--- | --- | ||||
@@ -195,6 +204,10 @@ ggplot(iris, | |||||
* theme_minimal() | * theme_minimal() | ||||
``` | ``` | ||||
``` | |||||
## `geom_smooth()` using formula 'y ~ x' | |||||
``` | |||||
![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-9-1.png)<!-- --> | ![](lab01-ggplot-intro_files/figure-html/unnamed-chunk-9-1.png)<!-- --> | ||||
] | ] | ||||
@@ -305,6 +318,8 @@ ggplot(iris, | |||||
### ajouter les points par dessus la distribution | ### ajouter les points par dessus la distribution | ||||
### paufiner le plot (axes, titres, thème) | ### paufiner le plot (axes, titres, thème) | ||||
</textarea> | </textarea> | ||||
<style data-target="print-only">@media screen {.remark-slide-container{display:block;}.remark-slide-scaler{box-shadow:none;}}</style> | <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="https://remarkjs.com/downloads/remark-latest.min.js"></script> | ||||
@@ -354,6 +369,32 @@ if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) { | |||||
deleted = true; | deleted = true; | ||||
}); | }); | ||||
})(); | })(); | ||||
(function() { | |||||
"use strict" | |||||
// Replace <script> tags in slides area to make them executable | |||||
var scripts = document.querySelectorAll( | |||||
'.remark-slides-area .remark-slide-container script' | |||||
); | |||||
if (!scripts.length) return; | |||||
for (var i = 0; i < scripts.length; i++) { | |||||
var s = document.createElement('script'); | |||||
var code = document.createTextNode(scripts[i].textContent); | |||||
s.appendChild(code); | |||||
var scriptAttrs = scripts[i].attributes; | |||||
for (var j = 0; j < scriptAttrs.length; j++) { | |||||
s.setAttribute(scriptAttrs[j].name, scriptAttrs[j].value); | |||||
} | |||||
scripts[i].parentElement.replaceChild(s, scripts[i]); | |||||
} | |||||
})(); | |||||
(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'; | |||||
} | |||||
} | |||||
})(); | |||||
// adds .remark-code-has-line-highlighted class to <pre> parent elements | // adds .remark-code-has-line-highlighted class to <pre> parent elements | ||||
// of code chunks containing highlighted lines with class .remark-code-line-highlighted | // of code chunks containing highlighted lines with class .remark-code-line-highlighted | ||||
(function(d) { | (function(d) { | ||||
@@ -372,17 +413,6 @@ if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) { | |||||
preParents.forEach(p => p.classList.add("remark-code-has-line-highlighted")); | preParents.forEach(p => p.classList.add("remark-code-has-line-highlighted")); | ||||
})(document);</script> | })(document);</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> | <script> | ||||
slideshow._releaseMath = function(el) { | slideshow._releaseMath = function(el) { | ||||
var i, text, code, codes = el.getElementsByTagName('code'); | var i, text, code, codes = el.getElementsByTagName('code'); | ||||
@@ -0,0 +1,12 @@ | |||||
// Pandoc 2.9 adds attributes on both header and div. We remove the former (to | |||||
// be compatible with the behavior of Pandoc < 2.8). | |||||
document.addEventListener('DOMContentLoaded', function(e) { | |||||
var hs = document.querySelectorAll("div.section[class*='level'] > :first-child"); | |||||
var i, h, a; | |||||
for (i = 0; i < hs.length; i++) { | |||||
h = hs[i]; | |||||
if (!/^h[1-6]$/i.test(h.tagName)) continue; // it should be a header h1-h6 | |||||
a = h.attributes; | |||||
while (a.length > 0) h.removeAttribute(a[0].name); | |||||
} | |||||
}); |
@@ -41,7 +41,7 @@ a, a > code { | |||||
float: right; | float: right; | ||||
width: 47%; | width: 47%; | ||||
} | } | ||||
.pull-right ~ * { | |||||
.pull-right + * { | |||||
clear: both; | clear: both; | ||||
} | } | ||||
img, video, iframe { | img, video, iframe { | ||||