Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 15KB

5 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <title>Visualisation de données : éléments théoriques et applications avec R</title>
  7. <meta name="description" content="Cours introductif à la visualisation de données avec R. Ce cours a pour but d introduire les concepts théoriques de base en visualisation ainsi que des exemples concrets." />
  8. <meta name="generator" content="bookdown 0.12 and GitBook 2.6.7" />
  9. <meta property="og:title" content="Visualisation de données : éléments théoriques et applications avec R" />
  10. <meta property="og:type" content="book" />
  11. <meta property="og:description" content="Cours introductif à la visualisation de données avec R. Ce cours a pour but d introduire les concepts théoriques de base en visualisation ainsi que des exemples concrets." />
  12. <meta name="twitter:card" content="summary" />
  13. <meta name="twitter:title" content="Visualisation de données : éléments théoriques et applications avec R" />
  14. <meta name="twitter:description" content="Cours introductif à la visualisation de données avec R. Ce cours a pour but d introduire les concepts théoriques de base en visualisation ainsi que des exemples concrets." />
  15. <meta name="author" content="Antoine Neuraz" />
  16. <meta name="date" content="2019-10-30" />
  17. <meta name="viewport" content="width=device-width, initial-scale=1" />
  18. <meta name="apple-mobile-web-app-capable" content="yes" />
  19. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  20. <link rel="next" href="intro.html">
  21. <script src="libs/jquery-2.2.3/jquery.min.js"></script>
  22. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />
  23. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />
  24. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />
  25. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />
  26. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />
  27. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />
  28. <style type="text/css">
  29. a.sourceLine { display: inline-block; line-height: 1.25; }
  30. a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
  31. a.sourceLine:empty { height: 1.2em; }
  32. .sourceCode { overflow: visible; }
  33. code.sourceCode { white-space: pre; position: relative; }
  34. pre.sourceCode { margin: 0; }
  35. @media screen {
  36. div.sourceCode { overflow: auto; }
  37. }
  38. @media print {
  39. code.sourceCode { white-space: pre-wrap; }
  40. a.sourceLine { text-indent: -1em; padding-left: 1em; }
  41. }
  42. pre.numberSource a.sourceLine
  43. { position: relative; left: -4em; }
  44. pre.numberSource a.sourceLine::before
  45. { content: attr(data-line-number);
  46. position: relative; left: -1em; text-align: right; vertical-align: baseline;
  47. border: none; pointer-events: all; display: inline-block;
  48. -webkit-touch-callout: none; -webkit-user-select: none;
  49. -khtml-user-select: none; -moz-user-select: none;
  50. -ms-user-select: none; user-select: none;
  51. padding: 0 4px; width: 4em;
  52. color: #aaaaaa;
  53. }
  54. pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
  55. div.sourceCode
  56. { }
  57. @media screen {
  58. a.sourceLine::before { text-decoration: underline; }
  59. }
  60. code span.al { color: #ff0000; font-weight: bold; } /* Alert */
  61. code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
  62. code span.at { color: #7d9029; } /* Attribute */
  63. code span.bn { color: #40a070; } /* BaseN */
  64. code span.bu { } /* BuiltIn */
  65. code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
  66. code span.ch { color: #4070a0; } /* Char */
  67. code span.cn { color: #880000; } /* Constant */
  68. code span.co { color: #60a0b0; font-style: italic; } /* Comment */
  69. code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
  70. code span.do { color: #ba2121; font-style: italic; } /* Documentation */
  71. code span.dt { color: #902000; } /* DataType */
  72. code span.dv { color: #40a070; } /* DecVal */
  73. code span.er { color: #ff0000; font-weight: bold; } /* Error */
  74. code span.ex { } /* Extension */
  75. code span.fl { color: #40a070; } /* Float */
  76. code span.fu { color: #06287e; } /* Function */
  77. code span.im { } /* Import */
  78. code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
  79. code span.kw { color: #007020; font-weight: bold; } /* Keyword */
  80. code span.op { color: #666666; } /* Operator */
  81. code span.ot { color: #007020; } /* Other */
  82. code span.pp { color: #bc7a00; } /* Preprocessor */
  83. code span.sc { color: #4070a0; } /* SpecialChar */
  84. code span.ss { color: #bb6688; } /* SpecialString */
  85. code span.st { color: #4070a0; } /* String */
  86. code span.va { color: #19177c; } /* Variable */
  87. code span.vs { color: #4070a0; } /* VerbatimString */
  88. code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
  89. </style>
  90. <link rel="stylesheet" href="style.css" type="text/css" />
  91. </head>
  92. <body>
  93. <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">
  94. <div class="book-summary">
  95. <nav role="navigation">
  96. <ul class="summary">
  97. <li><a href="./">Visualisation de données : éléments théoriques et applications avec R</a></li>
  98. <li class="divider"></li>
  99. <li class="chapter" data-level="" data-path="index.html"><a href="index.html"><i class="fa fa-check"></i>Prerequis</a><ul>
  100. <li class="chapter" data-level="" data-path="index.html"><a href="index.html#installer-r"><i class="fa fa-check"></i>Installer R</a></li>
  101. <li class="chapter" data-level="" data-path="index.html"><a href="index.html#installer-rstudio-facultatif"><i class="fa fa-check"></i>Installer RStudio (facultatif)</a></li>
  102. <li class="chapter" data-level="" data-path="index.html"><a href="index.html#installer-les-packages-necessaires"><i class="fa fa-check"></i>Installer les packages nécessaires</a></li>
  103. </ul></li>
  104. <li class="chapter" data-level="1" data-path="intro.html"><a href="intro.html"><i class="fa fa-check"></i><b>1</b> Intro</a><ul>
  105. <li class="chapter" data-level="1.1" data-path="intro.html"><a href="intro.html#section"><i class="fa fa-check"></i><b>1.1</b> </a></li>
  106. <li class="chapter" data-level="1.2" data-path="intro.html"><a href="intro.html#mappings-in-ggplot"><i class="fa fa-check"></i><b>1.2</b> Mappings in ggplot</a></li>
  107. <li class="chapter" data-level="1.3" data-path="intro.html"><a href="intro.html#scales-in-ggplot"><i class="fa fa-check"></i><b>1.3</b> scales in ggplot</a></li>
  108. </ul></li>
  109. <li class="chapter" data-level="2" data-path="types-de-datasets-et-types-de-donnees.html"><a href="types-de-datasets-et-types-de-donnees.html"><i class="fa fa-check"></i><b>2</b> Types de datasets et types de données</a><ul>
  110. <li class="chapter" data-level="2.1" data-path="types-de-datasets-et-types-de-donnees.html"><a href="types-de-datasets-et-types-de-donnees.html#todo"><i class="fa fa-check"></i><b>2.1</b> TODO</a></li>
  111. </ul></li>
  112. <li class="chapter" data-level="3" data-path="perception-systeme-visuel-marques-et-canaux-couleurs.html"><a href="perception-systeme-visuel-marques-et-canaux-couleurs.html"><i class="fa fa-check"></i><b>3</b> Perception : système visuel, marques et canaux, couleurs</a><ul>
  113. <li class="chapter" data-level="3.1" data-path="perception-systeme-visuel-marques-et-canaux-couleurs.html"><a href="perception-systeme-visuel-marques-et-canaux-couleurs.html#todo-1"><i class="fa fa-check"></i><b>3.1</b> TODO</a></li>
  114. </ul></li>
  115. <li class="chapter" data-level="4" data-path="abstraction-de-tache.html"><a href="abstraction-de-tache.html"><i class="fa fa-check"></i><b>4</b> Abstraction de tâche</a><ul>
  116. <li class="chapter" data-level="4.1" data-path="abstraction-de-tache.html"><a href="abstraction-de-tache.html#todo-2"><i class="fa fa-check"></i><b>4.1</b> TODO</a></li>
  117. </ul></li>
  118. <li class="chapter" data-level="5" data-path="principes-de-design.html"><a href="principes-de-design.html"><i class="fa fa-check"></i><b>5</b> Principes de design</a><ul>
  119. <li class="chapter" data-level="5.1" data-path="principes-de-design.html"><a href="principes-de-design.html#todo-3"><i class="fa fa-check"></i><b>5.1</b> TODO</a></li>
  120. </ul></li>
  121. <li class="chapter" data-level="6" data-path="visualisation-de-donnees-tabulaires.html"><a href="visualisation-de-donnees-tabulaires.html"><i class="fa fa-check"></i><b>6</b> Visualisation de données tabulaires</a><ul>
  122. <li class="chapter" data-level="6.1" data-path="visualisation-de-donnees-tabulaires.html"><a href="visualisation-de-donnees-tabulaires.html#todo-4"><i class="fa fa-check"></i><b>6.1</b> TODO</a></li>
  123. </ul></li>
  124. <li class="chapter" data-level="7" data-path="interaction.html"><a href="interaction.html"><i class="fa fa-check"></i><b>7</b> Interaction</a><ul>
  125. <li class="chapter" data-level="7.1" data-path="interaction.html"><a href="interaction.html#todo-5"><i class="fa fa-check"></i><b>7.1</b> TODO</a></li>
  126. </ul></li>
  127. <li class="chapter" data-level="8" data-path="visualisation-de-donnees-spatiales.html"><a href="visualisation-de-donnees-spatiales.html"><i class="fa fa-check"></i><b>8</b> Visualisation de données spatiales</a><ul>
  128. <li class="chapter" data-level="8.1" data-path="visualisation-de-donnees-spatiales.html"><a href="visualisation-de-donnees-spatiales.html#todo-6"><i class="fa fa-check"></i><b>8.1</b> TODO</a></li>
  129. </ul></li>
  130. <li class="chapter" data-level="9" data-path="visualisation-de-reseaux-et-graphes.html"><a href="visualisation-de-reseaux-et-graphes.html"><i class="fa fa-check"></i><b>9</b> Visualisation de réseaux et graphes</a></li>
  131. <li class="chapter" data-level="10" data-path="visualisation-de-texte.html"><a href="visualisation-de-texte.html"><i class="fa fa-check"></i><b>10</b> Visualisation de texte</a><ul>
  132. <li class="chapter" data-level="10.1" data-path="visualisation-de-texte.html"><a href="visualisation-de-texte.html#todo-7"><i class="fa fa-check"></i><b>10.1</b> TODO</a></li>
  133. </ul></li>
  134. <li class="chapter" data-level="11" data-path="visualisation-de-texte-1.html"><a href="visualisation-de-texte-1.html"><i class="fa fa-check"></i><b>11</b> Visualisation de texte</a><ul>
  135. <li class="chapter" data-level="11.1" data-path="visualisation-de-texte-1.html"><a href="visualisation-de-texte-1.html#todo-8"><i class="fa fa-check"></i><b>11.1</b> TODO</a></li>
  136. </ul></li>
  137. <li class="chapter" data-level="12" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html"><i class="fa fa-check"></i><b>12</b> <code>ggplot2</code> : techniques avancées</a><ul>
  138. <li class="chapter" data-level="12.1" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#creer-son-propre-theme-ggplot2"><i class="fa fa-check"></i><b>12.1</b> Créer son propre thème <code>ggplot2</code></a><ul>
  139. <li class="chapter" data-level="12.1.1" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#un-theme-est-une-fonction"><i class="fa fa-check"></i><b>12.1.1</b> un thème est une fonction</a></li>
  140. <li class="chapter" data-level="12.1.2" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#modifier-un-theme-de-base-avec-replace"><i class="fa fa-check"></i><b>12.1.2</b> modifier un thème de base avec <code>%+replace%</code></a></li>
  141. <li class="chapter" data-level="12.1.3" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#definir-de-nouveaux-attributs"><i class="fa fa-check"></i><b>12.1.3</b> définir de nouveaux attributs</a></li>
  142. <li class="chapter" data-level="12.1.4" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#exemple"><i class="fa fa-check"></i><b>12.1.4</b> Exemple</a></li>
  143. </ul></li>
  144. <li class="chapter" data-level="12.2" data-path="ggplot2-techniques-avancees.html"><a href="ggplot2-techniques-avancees.html#utiliser-ggplot2-dans-des-fonctions"><i class="fa fa-check"></i><b>12.2</b> Utiliser <code>ggplot2</code> dans des fonctions</a></li>
  145. </ul></li>
  146. <li class="chapter" data-level="" data-path="references.html"><a href="references.html"><i class="fa fa-check"></i>References</a></li>
  147. <li class="divider"></li>
  148. <li><a href="https://github.com/rstudio/bookdown" target="blank">Published with bookdown</a></li>
  149. </ul>
  150. </nav>
  151. </div>
  152. <div class="book-body">
  153. <div class="body-inner">
  154. <div class="book-header" role="navigation">
  155. <h1>
  156. <i class="fa fa-circle-o-notch fa-spin"></i><a href="./">Visualisation de données : éléments théoriques et applications avec R</a>
  157. </h1>
  158. </div>
  159. <div class="page-wrapper" tabindex="-1" role="main">
  160. <div class="page-inner">
  161. <section class="normal" id="section-">
  162. <div id="header">
  163. <h1 class="title">Visualisation de données : éléments théoriques et applications avec R</h1>
  164. <p class="author"><em>Antoine Neuraz</em></p>
  165. <p class="date"><em>2019-10-30</em></p>
  166. </div>
  167. <div id="prerequis" class="section level1 unnumbered">
  168. <h1>Prerequis</h1>
  169. <p>Pour les parties théoriques, aucun prérequis n’est nécessaire. Les exemples pratiques sont conçus avec le logiciel R et le package <code>ggplot2</code></p>
  170. <div id="installer-r" class="section level2 unnumbered">
  171. <h2>Installer R</h2>
  172. <p>Vous devez avoir installé le logiciel R pour pouvoir suivre les exemples pratiques.
  173. Vous trouverez les liens de téléchargement ici : <a href="">https://cran.r-project.org</a></p>
  174. </div>
  175. <div id="installer-rstudio-facultatif" class="section level2 unnumbered">
  176. <h2>Installer RStudio (facultatif)</h2>
  177. <p>Nous conseillons également d’installer l’interface de développement (IDE) RStudio qui vous facilitera les choses pour la prévisualisation des contenus et des rendus. Bien entendu, si vous avez déjà une IDE préférée, vous pouvez continuer à l’utiliser. Vous trouverez la RStudio Desktop en version open source (gratuite) ici : <a href="">https://www.rstudio.com/products/rstudio/#Desktop</a></p>
  178. </div>
  179. <div id="installer-les-packages-necessaires" class="section level2 unnumbered">
  180. <h2>Installer les packages nécessaires</h2>
  181. <p>Dans ce cours, un certain nombre de packages sont utilisés très fréquement et doivent être installés :</p>
  182. <p>Un certain nombre d’autres packages, utilisés plus ponctuellement vous seront indiqués dans les différents chapitres. Voici une liste exhaustive des packages utilisés dans ce cours :</p>
  183. <p>tidyverse, ggplot2, see, igraph, ggraph, tidygraph, rlang</p>
  184. </div>
  185. </div>
  186. </section>
  187. </div>
  188. </div>
  189. </div>
  190. <a href="intro.html" class="navigation navigation-next navigation-unique" aria-label="Next page"><i class="fa fa-angle-right"></i></a>
  191. </div>
  192. </div>
  193. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>
  194. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>
  195. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>
  196. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>
  197. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>
  198. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>
  199. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>
  200. <script>
  201. gitbook.require(["gitbook"], function(gitbook) {
  202. gitbook.start({
  203. "sharing": {
  204. "github": false,
  205. "facebook": true,
  206. "twitter": true,
  207. "google": false,
  208. "linkedin": false,
  209. "weibo": false,
  210. "instapaper": false,
  211. "vk": false,
  212. "all": ["facebook", "google", "twitter", "linkedin", "weibo", "instapaper"]
  213. },
  214. "fontsettings": {
  215. "theme": "white",
  216. "family": "sans",
  217. "size": 2
  218. },
  219. "edit": {
  220. "link": null,
  221. "text": null
  222. },
  223. "history": {
  224. "link": null,
  225. "text": null
  226. },
  227. "download": ["dataviz.pdf", "dataviz.epub"],
  228. "toc": {
  229. "collapse": "subsection"
  230. }
  231. });
  232. });
  233. </script>
  234. </body>
  235. </html>