HEGP
/
dataviz
1
0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 Commit
1 分支
220MB
分支: master
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
dataviz/_book/ajouter-un-encodage-aesthet...

443 line
41KB
原始文件 永久連結 Blame 文件歷史 

  1. <!DOCTYPE html>

  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">

  3. <head>

  4. 

  5.   <meta charset="utf-8" />

  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  7.   <title>Chapitre 31 Ajouter un encodage (aesthetics) | Visualisation de données : éléments théoriques et applications avec R</title>

  8.   <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." />

  9.   <meta name="generator" content="bookdown 0.15 and GitBook 2.6.7" />

  10. 

  11.   <meta property="og:title" content="Chapitre 31 Ajouter un encodage (aesthetics) | Visualisation de données : éléments théoriques et applications avec R" />

  12.   <meta property="og:type" content="book" />

  13.   

  14.   

  15.   <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." />

  16.   

  17. 

  18.   <meta name="twitter:card" content="summary" />

  19.   <meta name="twitter:title" content="Chapitre 31 Ajouter un encodage (aesthetics) | Visualisation de données : éléments théoriques et applications avec R" />

  20.   

  21.   <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." />

  22.   

  23. 

  24. <meta name="author" content="Antoine Neuraz" />

  25. 

  26. 

  27. <meta name="date" content="2019-11-18" />

  28. 

  29.   <meta name="viewport" content="width=device-width, initial-scale=1" />

  30.   <meta name="apple-mobile-web-app-capable" content="yes" />

  31.   <meta name="apple-mobile-web-app-status-bar-style" content="black" />

  32.   

  33.   

  34. <link rel="prev" href="references.html"/>

  35. <link rel="next" href="todo-2-1.html"/>

  36. <script src="libs/jquery-2.2.3/jquery.min.js"></script>

  37. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />

  38. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />

  39. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />

  40. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />

  41. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />

  42. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />

  43. <link href="libs/gitbook-2.6.7/css/plugin-clipboard.css" rel="stylesheet" />

  44. 

  45. 

  46. 

  47. 

  48. 

  49. 

  50. 

  51. 

  52. 

  53. 

  54. 

  55. <style type="text/css">

  56. a.sourceLine { display: inline-block; line-height: 1.25; }

  57. a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }

  58. a.sourceLine:empty { height: 1.2em; }

  59. .sourceCode { overflow: visible; }

  60. code.sourceCode { white-space: pre; position: relative; }

  61. pre.sourceCode { margin: 0; }

  62. @media screen {

  63. div.sourceCode { overflow: auto; }

  64. }

  65. @media print {

  66. code.sourceCode { white-space: pre-wrap; }

  67. a.sourceLine { text-indent: -1em; padding-left: 1em; }

  68. }

  69. pre.numberSource a.sourceLine

  70.   { position: relative; left: -4em; }

  71. pre.numberSource a.sourceLine::before

  72.   { content: attr(data-line-number);

  73.     position: relative; left: -1em; text-align: right; vertical-align: baseline;

  74.     border: none; pointer-events: all; display: inline-block;

  75.     -webkit-touch-callout: none; -webkit-user-select: none;

  76.     -khtml-user-select: none; -moz-user-select: none;

  77.     -ms-user-select: none; user-select: none;

  78.     padding: 0 4px; width: 4em;

  79.     color: #aaaaaa;

  80.   }

  81. pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }

  82. div.sourceCode

  83.   {  }

  84. @media screen {

  85. a.sourceLine::before { text-decoration: underline; }

  86. }

  87. code span.al { color: #ff0000; font-weight: bold; } /* Alert */

  88. code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */

  89. code span.at { color: #7d9029; } /* Attribute */

  90. code span.bn { color: #40a070; } /* BaseN */

  91. code span.bu { } /* BuiltIn */

  92. code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */

  93. code span.ch { color: #4070a0; } /* Char */

  94. code span.cn { color: #880000; } /* Constant */

  95. code span.co { color: #60a0b0; font-style: italic; } /* Comment */

  96. code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */

  97. code span.do { color: #ba2121; font-style: italic; } /* Documentation */

  98. code span.dt { color: #902000; } /* DataType */

  99. code span.dv { color: #40a070; } /* DecVal */

  100. code span.er { color: #ff0000; font-weight: bold; } /* Error */

  101. code span.ex { } /* Extension */

  102. code span.fl { color: #40a070; } /* Float */

  103. code span.fu { color: #06287e; } /* Function */

  104. code span.im { } /* Import */

  105. code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */

  106. code span.kw { color: #007020; font-weight: bold; } /* Keyword */

  107. code span.op { color: #666666; } /* Operator */

  108. code span.ot { color: #007020; } /* Other */

  109. code span.pp { color: #bc7a00; } /* Preprocessor */

  110. code span.sc { color: #4070a0; } /* SpecialChar */

  111. code span.ss { color: #bb6688; } /* SpecialString */

  112. code span.st { color: #4070a0; } /* String */

  113. code span.va { color: #19177c; } /* Variable */

  114. code span.vs { color: #4070a0; } /* VerbatimString */

  115. code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */

  116. </style>

  117. 

  118. <link rel="stylesheet" href="style.css" type="text/css" />

  119. </head>

  120. 

  121. <body>

  122. 

  123. 

  124. 

  125.   <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">

  126. 

  127.     <div class="book-summary">

  128.       <nav role="navigation">

  129. 

  130. <ul class="summary">

  131. <li><a href="./">Visualisation de données : éléments théoriques et applications avec R</a></li>

  132. 

  133. <li class="divider"></li>

  134. <li class="chapter" data-level="" data-path="index.html"><a href="index.html"><i class="fa fa-check"></i>Prerequis</a><ul>

  135. <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>

  136. <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>

  137. <li class="chapter" data-level="" data-path="index.html"><a href="index.html#installer-les-packages-nécessaires"><i class="fa fa-check"></i>Installer les packages nécessaires</a></li>

  138. </ul></li>

  139. <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>

  140. <li class="chapter" data-level="1.1" data-path="intro.html"><a href="intro.html#définition"><i class="fa fa-check"></i><b>1.1</b> Définition</a></li>

  141. <li class="chapter" data-level="1.2" data-path="intro.html"><a href="intro.html#todo"><i class="fa fa-check"></i><b>1.2</b> TODO</a></li>

  142. </ul></li>

  143. <li class="chapter" data-level="2" data-path="ue-visualisation.html"><a href="ue-visualisation.html"><i class="fa fa-check"></i><b>2</b> UE Visualisation</a><ul>

  144. <li class="chapter" data-level="2.0.1" data-path="ue-visualisation.html"><a href="ue-visualisation.html#section"><i class="fa fa-check"></i><b>2.0.1</b> 2019-2020</a></li>

  145. <li class="chapter" data-level="2.1" data-path="ue-visualisation.html"><a href="ue-visualisation.html#dr.antoine-neuraz"><i class="fa fa-check"></i><b>2.1</b> Dr. Antoine Neuraz</a><ul>

  146. <li class="chapter" data-level="2.1.1" data-path="ue-visualisation.html"><a href="ue-visualisation.html#ahu-informatique-médicale"><i class="fa fa-check"></i><b>2.1.1</b> AHU Informatique médicale</a></li>

  147. <li class="chapter" data-level="2.1.2" data-path="ue-visualisation.html"><a href="ue-visualisation.html#ère-moitié-du-cours-théorie"><i class="fa fa-check"></i><b>2.1.2</b> 1ère moitié du cours: théorie</a></li>

  148. <li class="chapter" data-level="2.1.3" data-path="ue-visualisation.html"><a href="ue-visualisation.html#ème-moitié-du-cours-mise-en-pratique"><i class="fa fa-check"></i><b>2.1.3</b> 2ème moitié du cours: mise en pratique</a></li>

  149. </ul></li>

  150. </ul></li>

  151. <li class="chapter" data-level="3" data-path="visualisation.html"><a href="visualisation.html"><i class="fa fa-check"></i><b>3</b> Visualisation</a></li>

  152. <li class="chapter" data-level="4" data-path="pourquoi-visualiser-graphiquement.html"><a href="pourquoi-visualiser-graphiquement.html"><i class="fa fa-check"></i><b>4</b> Pourquoi visualiser graphiquement ?</a></li>

  153. <li class="chapter" data-level="5" data-path="pourquoi-mettre-un-ordinateur-dans-la-boucle.html"><a href="pourquoi-mettre-un-ordinateur-dans-la-boucle.html"><i class="fa fa-check"></i><b>5</b> Pourquoi mettre un ordinateur dans la boucle ?</a><ul>

  154. <li class="chapter" data-level="5.1" data-path="pourquoi-mettre-un-ordinateur-dans-la-boucle.html"><a href="pourquoi-mettre-un-ordinateur-dans-la-boucle.html#passage-à-léchelle"><i class="fa fa-check"></i><b>5.1</b> ## <strong>Passage à l’échelle</strong></a></li>

  155. <li class="chapter" data-level="5.2" data-path="pourquoi-mettre-un-ordinateur-dans-la-boucle.html"><a href="pourquoi-mettre-un-ordinateur-dans-la-boucle.html#efficience-réutilisation-diffusion"><i class="fa fa-check"></i><b>5.2</b> <strong>Efficience</strong>: réutilisation, diffusion</a></li>

  156. </ul></li>

  157. <li class="chapter" data-level="6" data-path="buts-dune-visualisation.html"><a href="buts-dune-visualisation.html"><i class="fa fa-check"></i><b>6</b> Buts d’une visualisation</a></li>

  158. <li class="chapter" data-level="7" data-path="définition-1.html"><a href="définition-1.html"><i class="fa fa-check"></i><b>7</b> Définition</a><ul>

  159. <li class="chapter" data-level="7.0.1" data-path="définition-1.html"><a href="définition-1.html#la-visualisation-est-le-processus-qui-transforme-les-données-en-représentation-graphique-interactive-à-des-fins-d-exploration-de-confirmation-ou-de-communication."><i class="fa fa-check"></i><b>7.0.1</b> La visualisation est le processus qui <strong>transforme</strong> les données en <strong>représentation graphique</strong> interactive à des fins d’ <strong>exploration</strong>, de <strong>confirmation</strong> ou de <strong>communication</strong>.</a></li>

  160. </ul></li>

  161. <li class="chapter" data-level="8" data-path="pourquoi-ne-pas-se-limiter-aux-statistiques.html"><a href="pourquoi-ne-pas-se-limiter-aux-statistiques.html"><i class="fa fa-check"></i><b>8</b> Pourquoi ne pas se limiter aux statistiques ?</a></li>

  162. <li class="chapter" data-level="9" data-path="anscombes-quartet.html"><a href="anscombes-quartet.html"><i class="fa fa-check"></i><b>9</b> Anscombe’s quartet</a></li>

  163. <li class="chapter" data-level="10" data-path="datasaurus-dozen.html"><a href="datasaurus-dozen.html"><i class="fa fa-check"></i><b>10</b> Datasaurus dozen</a><ul>

  164. <li class="chapter" data-level="10.1" data-path="datasaurus-dozen.html"><a href="datasaurus-dozen.html#un-peu-dhistoire-enregistrer"><i class="fa fa-check"></i><b>10.1</b> Un peu d’histoire: enregistrer</a><ul>

  165. <li class="chapter" data-level="10.1.1" data-path="datasaurus-dozen.html"><a href="datasaurus-dozen.html#john-snow-1854"><i class="fa fa-check"></i><b>10.1.1</b> John Snow (1854)</a></li>

  166. </ul></li>

  167. </ul></li>

  168. <li class="chapter" data-level="11" data-path="second-of-internet.html"><a href="second-of-internet.html"><i class="fa fa-check"></i><b>11</b> 1 second of internet</a></li>

  169. <li class="chapter" data-level="12" data-path="types-de-datasets.html"><a href="types-de-datasets.html"><i class="fa fa-check"></i><b>12</b> Types de datasets</a><ul>

  170. <li class="chapter" data-level="12.1" data-path="types-de-datasets.html"><a href="types-de-datasets.html#scale-100"><i class="fa fa-check"></i><b>12.1</b> <img src="img/donnees_tableau.png" alt=":scale 100%" /></a></li>

  171. </ul></li>

  172. <li class="chapter" data-level="13" data-path="autres-caractéristiques-des-données.html"><a href="autres-caractéristiques-des-données.html"><i class="fa fa-check"></i><b>13</b> Autres caractéristiques des données</a><ul>

  173. <li class="chapter" data-level="13.0.1" data-path="autres-caractéristiques-des-données.html"><a href="autres-caractéristiques-des-données.html#liens-relation-entre-2-entités-observations-noeuds"><i class="fa fa-check"></i><b>13.0.1</b> <strong>Liens</strong> : relation entre 2 entités (observations, noeuds)</a></li>

  174. <li class="chapter" data-level="13.0.2" data-path="autres-caractéristiques-des-données.html"><a href="autres-caractéristiques-des-données.html#positions-données-spatiales"><i class="fa fa-check"></i><b>13.0.2</b> <strong>Positions</strong> (données spatiales)</a></li>

  175. <li class="chapter" data-level="13.0.3" data-path="autres-caractéristiques-des-données.html"><a href="autres-caractéristiques-des-données.html#grilles-grids-stratégie-déchantillonage-de-données-continues"><i class="fa fa-check"></i><b>13.0.3</b> <strong>Grilles</strong> (grids) : stratégie d’échantillonage de données continues</a></li>

  176. </ul></li>

  177. <li class="chapter" data-level="14" data-path="variables-quantitatives.html"><a href="variables-quantitatives.html"><i class="fa fa-check"></i><b>14</b> Variables quantitatives</a><ul>

  178. <li class="chapter" data-level="14.0.1" data-path="variables-quantitatives.html"><a href="variables-quantitatives.html#intervalles-zéro-arbitraire"><i class="fa fa-check"></i><b>14.0.1</b> <strong>Intervalles</strong> = zéro arbitraire</a></li>

  179. <li class="chapter" data-level="14.0.2" data-path="variables-quantitatives.html"><a href="variables-quantitatives.html#ratios-zero-absolu"><i class="fa fa-check"></i><b>14.0.2</b> <strong>Ratios</strong> = zero absolu</a></li>

  180. </ul></li>

  181. <li class="chapter" data-level="15" data-path="marques-et-échelles.html"><a href="marques-et-échelles.html"><i class="fa fa-check"></i><b>15</b> Marques et échelles</a></li>

  182. <li class="chapter" data-level="16" data-path="marques-pour-observations.html"><a href="marques-pour-observations.html"><i class="fa fa-check"></i><b>16</b> Marques pour observations</a><ul>

  183. <li class="chapter" data-level="16.1" data-path="marques-pour-observations.html"><a href="marques-pour-observations.html#eléments-géométriques-de-base"><i class="fa fa-check"></i><b>16.1</b> Eléments géométriques de base</a><ul>

  184. <li class="chapter" data-level="16.1.1" data-path="marques-pour-observations.html"><a href="marques-pour-observations.html#contrôle-lapparence-proportionnellement-ou-en-fonction-de-variables"><i class="fa fa-check"></i><b>16.1.1</b> Contrôle l’apparence proportionnellement ou en fonction de variables</a></li>

  185. </ul></li>

  186. </ul></li>

  187. <li class="chapter" data-level="17" data-path="utiliser-les-marques-et-les-échelles.html"><a href="utiliser-les-marques-et-les-échelles.html"><i class="fa fa-check"></i><b>17</b> Utiliser les marques et les échelles</a></li>

  188. <li class="chapter" data-level="18" data-path="utiliser-les-marques-et-les-échelles-1.html"><a href="utiliser-les-marques-et-les-échelles-1.html"><i class="fa fa-check"></i><b>18</b> Utiliser les marques et les échelles</a></li>

  189. <li class="chapter" data-level="19" data-path="utiliser-les-marques-et-les-échelles-2.html"><a href="utiliser-les-marques-et-les-échelles-2.html"><i class="fa fa-check"></i><b>19</b> Utiliser les marques et les échelles</a><ul>

  190. <li class="chapter" data-level="19.0.1" data-path="utiliser-les-marques-et-les-échelles-2.html"><a href="utiliser-les-marques-et-les-échelles-2.html#longueur-position-et-luminosité"><i class="fa fa-check"></i><b>19.0.1</b> Longueur, position et Luminosité</a></li>

  191. <li class="chapter" data-level="19.1" data-path="utiliser-les-marques-et-les-échelles-2.html"><a href="utiliser-les-marques-et-les-échelles-2.html#echelles---efficience"><i class="fa fa-check"></i><b>19.1</b> Echelles - efficience</a></li>

  192. </ul></li>

  193. <li class="chapter" data-level="20" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html"><i class="fa fa-check"></i><b>20</b> Types de datasets et types de données</a><ul>

  194. <li class="chapter" data-level="20.1" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#types-de-datasets-1"><i class="fa fa-check"></i><b>20.1</b> Types de datasets</a><ul>

  195. <li class="chapter" data-level="20.1.1" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#données-tabulaires"><i class="fa fa-check"></i><b>20.1.1</b> Données tabulaires</a></li>

  196. <li class="chapter" data-level="20.1.2" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#réseaux"><i class="fa fa-check"></i><b>20.1.2</b> Réseaux</a></li>

  197. <li class="chapter" data-level="20.1.3" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#todo-champs"><i class="fa fa-check"></i><b>20.1.3</b> TODO: Champs</a></li>

  198. <li class="chapter" data-level="20.1.4" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#todo-spacial"><i class="fa fa-check"></i><b>20.1.4</b> TODO: Spacial</a></li>

  199. </ul></li>

  200. <li class="chapter" data-level="20.2" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#types-de-données"><i class="fa fa-check"></i><b>20.2</b> Types de données</a><ul>

  201. <li class="chapter" data-level="20.2.1" data-path="types-de-datasets-et-types-de-données.html"><a href="types-de-datasets-et-types-de-données.html#todo-1"><i class="fa fa-check"></i><b>20.2.1</b> TODO</a></li>

  202. </ul></li>

  203. </ul></li>

  204. <li class="chapter" data-level="21" data-path="perception-système-visuel-marques-et-canaux-couleurs.html"><a href="perception-système-visuel-marques-et-canaux-couleurs.html"><i class="fa fa-check"></i><b>21</b> Perception : système visuel, marques et canaux, couleurs</a><ul>

  205. <li class="chapter" data-level="21.1" data-path="perception-système-visuel-marques-et-canaux-couleurs.html"><a href="perception-système-visuel-marques-et-canaux-couleurs.html#todo-2"><i class="fa fa-check"></i><b>21.1</b> TODO</a></li>

  206. <li class="chapter" data-level="21.2" data-path="perception-système-visuel-marques-et-canaux-couleurs.html"><a href="perception-système-visuel-marques-et-canaux-couleurs.html#types-de-marques"><i class="fa fa-check"></i><b>21.2</b> Types de marques</a></li>

  207. <li class="chapter" data-level="21.3" data-path="perception-système-visuel-marques-et-canaux-couleurs.html"><a href="perception-système-visuel-marques-et-canaux-couleurs.html#mappings-in-ggplot"><i class="fa fa-check"></i><b>21.3</b> Mappings in ggplot</a></li>

  208. <li class="chapter" data-level="21.4" data-path="perception-système-visuel-marques-et-canaux-couleurs.html"><a href="perception-système-visuel-marques-et-canaux-couleurs.html#scales-in-ggplot"><i class="fa fa-check"></i><b>21.4</b> scales in ggplot</a></li>

  209. </ul></li>

  210. <li class="chapter" data-level="22" data-path="abstraction-de-tâche.html"><a href="abstraction-de-tâche.html"><i class="fa fa-check"></i><b>22</b> Abstraction de tâche</a><ul>

  211. <li class="chapter" data-level="22.1" data-path="abstraction-de-tâche.html"><a href="abstraction-de-tâche.html#todo-3"><i class="fa fa-check"></i><b>22.1</b> TODO</a></li>

  212. </ul></li>

  213. <li class="chapter" data-level="23" data-path="principes-de-design.html"><a href="principes-de-design.html"><i class="fa fa-check"></i><b>23</b> Principes de design</a><ul>

  214. <li class="chapter" data-level="23.1" data-path="principes-de-design.html"><a href="principes-de-design.html#todo-4"><i class="fa fa-check"></i><b>23.1</b> TODO</a></li>

  215. </ul></li>

  216. <li class="chapter" data-level="24" data-path="visualisation-de-données-tabulaires.html"><a href="visualisation-de-données-tabulaires.html"><i class="fa fa-check"></i><b>24</b> Visualisation de données tabulaires</a><ul>

  217. <li class="chapter" data-level="24.1" data-path="visualisation-de-données-tabulaires.html"><a href="visualisation-de-données-tabulaires.html#todo-5"><i class="fa fa-check"></i><b>24.1</b> TODO</a></li>

  218. </ul></li>

  219. <li class="chapter" data-level="25" data-path="interaction.html"><a href="interaction.html"><i class="fa fa-check"></i><b>25</b> Interaction</a><ul>

  220. <li class="chapter" data-level="25.1" data-path="interaction.html"><a href="interaction.html#todo-6"><i class="fa fa-check"></i><b>25.1</b> TODO</a></li>

  221. </ul></li>

  222. <li class="chapter" data-level="26" data-path="visualisation-de-données-spatiales.html"><a href="visualisation-de-données-spatiales.html"><i class="fa fa-check"></i><b>26</b> Visualisation de données spatiales</a><ul>

  223. <li class="chapter" data-level="26.1" data-path="visualisation-de-données-spatiales.html"><a href="visualisation-de-données-spatiales.html#todo-7"><i class="fa fa-check"></i><b>26.1</b> TODO</a></li>

  224. </ul></li>

  225. <li class="chapter" data-level="27" data-path="visualisation-de-réseaux-et-graphes.html"><a href="visualisation-de-réseaux-et-graphes.html"><i class="fa fa-check"></i><b>27</b> Visualisation de réseaux et graphes</a></li>

  226. <li class="chapter" data-level="28" data-path="visualisation-de-texte.html"><a href="visualisation-de-texte.html"><i class="fa fa-check"></i><b>28</b> Visualisation de texte</a><ul>

  227. <li class="chapter" data-level="28.1" data-path="visualisation-de-texte.html"><a href="visualisation-de-texte.html#todo-8"><i class="fa fa-check"></i><b>28.1</b> TODO</a></li>

  228. </ul></li>

  229. <li class="chapter" data-level="29" data-path="visualisation-de-texte-1.html"><a href="visualisation-de-texte-1.html"><i class="fa fa-check"></i><b>29</b> Visualisation de texte</a><ul>

  230. <li class="chapter" data-level="29.1" data-path="visualisation-de-texte-1.html"><a href="visualisation-de-texte-1.html#todo-9"><i class="fa fa-check"></i><b>29.1</b> TODO</a></li>

  231. </ul></li>

  232. <li class="chapter" data-level="30" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html"><i class="fa fa-check"></i><b>30</b> <code>ggplot2</code> : techniques avancées</a><ul>

  233. <li class="chapter" data-level="30.1" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#créer-son-propre-thème-ggplot2"><i class="fa fa-check"></i><b>30.1</b> Créer son propre thème <code>ggplot2</code></a><ul>

  234. <li class="chapter" data-level="30.1.1" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#un-thème-est-une-fonction"><i class="fa fa-check"></i><b>30.1.1</b> un thème est une fonction</a></li>

  235. <li class="chapter" data-level="30.1.2" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#modifier-un-thème-de-base-avec-replace"><i class="fa fa-check"></i><b>30.1.2</b> modifier un thème de base avec <code>%+replace%</code></a></li>

  236. <li class="chapter" data-level="30.1.3" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#définir-de-nouveaux-attributs"><i class="fa fa-check"></i><b>30.1.3</b> définir de nouveaux attributs</a></li>

  237. <li class="chapter" data-level="30.1.4" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#exemple"><i class="fa fa-check"></i><b>30.1.4</b> Exemple</a></li>

  238. </ul></li>

  239. <li class="chapter" data-level="30.2" data-path="ggplot2-techniques-avancées.html"><a href="ggplot2-techniques-avancées.html#utiliser-ggplot2-dans-des-fonctions"><i class="fa fa-check"></i><b>30.2</b> Utiliser <code>ggplot2</code> dans des fonctions</a></li>

  240. </ul></li>

  241. <li class="chapter" data-level="" data-path="references.html"><a href="references.html"><i class="fa fa-check"></i>References</a><ul>

  242. <li class="chapter" data-level="30.3" data-path="references.html"><a href="references.html#ggplot2-implémente-la-grammaire-de-la-visualisation"><i class="fa fa-check"></i><b>30.3</b> ggplot2 implémente la grammaire de la visualisation</a></li>

  243. <li class="chapter" data-level="30.4" data-path="references.html"><a href="references.html#les-essentiels"><i class="fa fa-check"></i><b>30.4</b> Les essentiels</a></li>

  244. <li class="chapter" data-level="30.5" data-path="references.html"><a href="references.html#data-données-source."><i class="fa fa-check"></i><b>30.5</b> ### Data: Données source.</a></li>

  245. <li class="chapter" data-level="30.6" data-path="references.html"><a href="references.html#geoms-marques-de-la-visualisation-points-lignes"><i class="fa fa-check"></i><b>30.6</b> ### Geoms: Marques de la visualisation (points, lignes, …)</a><ul>

  246. <li class="chapter" data-level="30.6.1" data-path="references.html"><a href="references.html#scales-echelles-de-la-visualisation-position-taille-couleur"><i class="fa fa-check"></i><b>30.6.1</b> Scales: Echelles de la visualisation (position, taille, couleur,…)</a></li>

  247. </ul></li>

  248. <li class="chapter" data-level="30.7" data-path="references.html"><a href="references.html#la-base"><i class="fa fa-check"></i><b>30.7</b> La base</a></li>

  249. <li class="chapter" data-level="30.8" data-path="references.html"><a href="references.html#ajouter-une-geometrie"><i class="fa fa-check"></i><b>30.8</b> Ajouter une geometrie</a></li>

  250. </ul></li>

  251. <li class="chapter" data-level="31" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html"><i class="fa fa-check"></i><b>31</b> Ajouter un encodage (aesthetics)</a><ul>

  252. <li class="chapter" data-level="31.1" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#ajouter-une-facette"><i class="fa fa-check"></i><b>31.1</b> Ajouter une facette</a></li>

  253. <li class="chapter" data-level="31.2" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#ajuster-la-légende"><i class="fa fa-check"></i><b>31.2</b> Ajuster la légende</a><ul>

  254. <li class="chapter" data-level="31.2.1" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#site-du-tidyverse-httpsggplot2.tidyverse.org"><i class="fa fa-check"></i><b>31.2.1</b> site du tidyverse: <span>https://ggplot2.tidyverse.org</span></a></li>

  255. <li class="chapter" data-level="31.2.2" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#r-for-datascience-httpsr4ds.had.co.nz"><i class="fa fa-check"></i><b>31.2.2</b> R for datascience: <span>https://r4ds.had.co.nz/</span></a></li>

  256. <li class="chapter" data-level="31.2.3" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#stackoverfow-httpsstackoverflow.com"><i class="fa fa-check"></i><b>31.2.3</b> stackoverfow: <span>https://stackoverflow.com</span></a></li>

  257. <li class="chapter" data-level="31.2.4" data-path="ajouter-un-encodage-aesthetics.html"><a href="ajouter-un-encodage-aesthetics.html#votre-moteur-de-recherche-préféré"><i class="fa fa-check"></i><b>31.2.4</b> votre moteur de recherche préféré</a></li>

  258. </ul></li>

  259. </ul></li>

  260. <li class="chapter" data-level="32" data-path="todo-2-1.html"><a href="todo-2-1.html"><i class="fa fa-check"></i><b>32</b> TODO 2</a><ul>

  261. <li class="chapter" data-level="32.0.1" data-path="todo-2-1.html"><a href="todo-2-1.html#représenter-la-distribution-du-nombre-de-miles-per-gallon-en-histogramme"><i class="fa fa-check"></i><b>32.0.1</b> représenter la distribution du nombre de miles per gallon en histogramme</a></li>

  262. <li class="chapter" data-level="32.0.2" data-path="todo-2-1.html"><a href="todo-2-1.html#représenter-la-distribution-du-nombre-de-miles-per-gallon-en-boxplot"><i class="fa fa-check"></i><b>32.0.2</b> représenter la distribution du nombre de miles per gallon en boxplot</a></li>

  263. <li class="chapter" data-level="32.0.3" data-path="todo-2-1.html"><a href="todo-2-1.html#representer-la-distribution-du-nombre-de-miles-per-gallon-en-fonction-du-nombre-de-cylindres"><i class="fa fa-check"></i><b>32.0.3</b> representer la distribution du nombre de miles per gallon en fonction du nombre de cylindres</a></li>

  264. <li class="chapter" data-level="32.0.4" data-path="todo-2-1.html"><a href="todo-2-1.html#ajouter-les-points-par-dessus-la-distribution"><i class="fa fa-check"></i><b>32.0.4</b> ajouter les points par dessus la distribution</a></li>

  265. <li class="chapter" data-level="32.0.5" data-path="todo-2-1.html"><a href="todo-2-1.html#paufiner-le-plot-axes-titres-thème"><i class="fa fa-check"></i><b>32.0.5</b> paufiner le plot (axes, titres, thème)</a></li>

  266. </ul></li>

  267. <li class="divider"></li>

  268. <li><a href="https://github.com/rstudio/bookdown" target="blank">Published with bookdown</a></li>

  269. 

  270. </ul>

  271. 

  272.       </nav>

  273.     </div>

  274. 

  275.     <div class="book-body">

  276.       <div class="body-inner">

  277.         <div class="book-header" role="navigation">

  278.           <h1>

  279.             <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>

  280.           </h1>

  281.         </div>

  282. 

  283.         <div class="page-wrapper" tabindex="-1" role="main">

  284.           <div class="page-inner">

  285. 

  286.             <section class="normal" id="section-">

  287. <div id="ajouter-un-encodage-aesthetics" class="section level1">

  288. <h1><span class="header-section-number">Chapitre 31</span> Ajouter un encodage (aesthetics)</h1>

  289. <p>.small[</p>

  290. <div class="sourceCode" id="cb24"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb24-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  291. <a class="sourceLine" id="cb24-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  292. <a class="sourceLine" id="cb24-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  293. <a class="sourceLine" id="cb24-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">   </span><span class="co">#&lt;&lt;</span></a>

  294. <a class="sourceLine" id="cb24-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>() </a></code></pre></div>

  295. <p><img src="dataviz_files/figure-html/unnamed-chunk-53-1.png" width="672" />

  296. ]

  297. —

  298. ## Ajouter une 2ème géométrie</p>

  299. <p>.small[</p>

  300. <div class="sourceCode" id="cb25"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb25-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  301. <a class="sourceLine" id="cb25-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  302. <a class="sourceLine" id="cb25-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  303. <a class="sourceLine" id="cb25-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">  </span></a>

  304. <a class="sourceLine" id="cb25-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>() <span class="op">+</span></a>

  305. <a class="sourceLine" id="cb25-6" data-line-number="6"><span class="st">  </span><span class="kw">geom_smooth</span>()                <span class="co">#&lt;&lt;</span></a></code></pre></div>

  306. <pre><code>## `geom_smooth()` using method = &#39;loess&#39; and formula &#39;y ~ x&#39;</code></pre>

  307. <p><img src="dataviz_files/figure-html/unnamed-chunk-54-1.png" width="672" />

  308. ]</p>

  309. <div id="ajouter-une-facette" class="section level2">

  310. <h2><span class="header-section-number">31.1</span> Ajouter une facette</h2>

  311. <p>.small[</p>

  312. <div class="sourceCode" id="cb27"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb27-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  313. <a class="sourceLine" id="cb27-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  314. <a class="sourceLine" id="cb27-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  315. <a class="sourceLine" id="cb27-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">  </span></a>

  316. <a class="sourceLine" id="cb27-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>() <span class="op">+</span></a>

  317. <a class="sourceLine" id="cb27-6" data-line-number="6"><span class="st">  </span><span class="kw">geom_smooth</span>(<span class="dt">method=</span><span class="st">&#39;lm&#39;</span>, <span class="dt">se=</span><span class="ot">FALSE</span>) <span class="op">+</span><span class="st"> </span></a>

  318. <a class="sourceLine" id="cb27-7" data-line-number="7"><span class="st">  </span><span class="kw">facet_grid</span>(<span class="op">~</span>Species)               <span class="co">#&lt;&lt;</span></a></code></pre></div>

  319. <p><img src="dataviz_files/figure-html/unnamed-chunk-56-1.png" width="672" />

  320. ]

  321. —

  322. ## Régler le thème</p>

  323. <p>.small[</p>

  324. <div class="sourceCode" id="cb28"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb28-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  325. <a class="sourceLine" id="cb28-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  326. <a class="sourceLine" id="cb28-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  327. <a class="sourceLine" id="cb28-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">  </span></a>

  328. <a class="sourceLine" id="cb28-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>() <span class="op">+</span></a>

  329. <a class="sourceLine" id="cb28-6" data-line-number="6"><span class="st">  </span><span class="kw">geom_smooth</span>(<span class="dt">method=</span><span class="st">&#39;lm&#39;</span>, <span class="dt">se=</span><span class="ot">FALSE</span>) <span class="op">+</span><span class="st"> </span></a>

  330. <a class="sourceLine" id="cb28-7" data-line-number="7"><span class="st">  </span><span class="kw">facet_grid</span>(<span class="op">~</span>Species) <span class="op">+</span></a>

  331. <a class="sourceLine" id="cb28-8" data-line-number="8"><span class="st">  </span><span class="kw">theme_minimal</span>() <span class="co">#&lt;&lt;</span></a></code></pre></div>

  332. <p><img src="dataviz_files/figure-html/unnamed-chunk-57-1.png" width="672" />

  333. ]</p>

  334. </div>

  335. <div id="ajuster-la-légende" class="section level2">

  336. <h2><span class="header-section-number">31.2</span> Ajuster la légende</h2>

  337. <p>.small[</p>

  338. <div class="sourceCode" id="cb29"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb29-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  339. <a class="sourceLine" id="cb29-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  340. <a class="sourceLine" id="cb29-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  341. <a class="sourceLine" id="cb29-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">  </span></a>

  342. <a class="sourceLine" id="cb29-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>()<span class="op">+</span></a>

  343. <a class="sourceLine" id="cb29-6" data-line-number="6"><span class="st">  </span><span class="kw">theme_minimal</span>() <span class="op">+</span></a>

  344. <a class="sourceLine" id="cb29-7" data-line-number="7"><span class="st">  </span><span class="kw">labs</span>(<span class="dt">title =</span> <span class="st">&quot;Sépales des iris&quot;</span>,</a>

  345. <a class="sourceLine" id="cb29-8" data-line-number="8">       <span class="dt">subtitle =</span> <span class="st">&quot;Longueur et largeur des sépales* en fonction de l&#39;espèce&quot;</span>,</a>

  346. <a class="sourceLine" id="cb29-9" data-line-number="9">       <span class="dt">x=</span> <span class="st">&quot;Longueur&quot;</span>,</a>

  347. <a class="sourceLine" id="cb29-10" data-line-number="10">       <span class="dt">y =</span> <span class="st">&quot;Largeur&quot;</span>,</a>

  348. <a class="sourceLine" id="cb29-11" data-line-number="11">       <span class="dt">caption =</span> <span class="st">&quot;* Chacune des pièces du calice de la fleur. / source: Iris dataset&quot;</span></a>

  349. <a class="sourceLine" id="cb29-12" data-line-number="12">  ) <span class="op">+</span><span class="st"> </span></a>

  350. <a class="sourceLine" id="cb29-13" data-line-number="13"><span class="st">  </span><span class="kw">guides</span>(<span class="dt">color =</span> <span class="kw">guide_legend</span>(<span class="dt">title =</span> <span class="st">&quot;Espèce&quot;</span>)) <span class="co">#&lt;&lt;</span></a></code></pre></div>

  351. <p><img src="dataviz_files/figure-html/unnamed-chunk-59-1.png" width="672" />

  352. ]

  353. —

  354. ## Paufiner le thème</p>

  355. <p>.small[</p>

  356. <div class="sourceCode" id="cb30"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb30-1" data-line-number="1"><span class="kw">ggplot</span>(iris, </a>

  357. <a class="sourceLine" id="cb30-2" data-line-number="2">       <span class="kw">aes</span>(<span class="dt">x=</span>Sepal.Length, </a>

  358. <a class="sourceLine" id="cb30-3" data-line-number="3">           <span class="dt">y=</span>Sepal.Width,</a>

  359. <a class="sourceLine" id="cb30-4" data-line-number="4">           <span class="dt">color =</span> Species)) <span class="op">+</span><span class="st">  </span></a>

  360. <a class="sourceLine" id="cb30-5" data-line-number="5"><span class="st">  </span><span class="kw">geom_point</span>()<span class="op">+</span></a>

  361. <a class="sourceLine" id="cb30-6" data-line-number="6"><span class="st">  </span><span class="kw">theme_minimal</span>() <span class="op">+</span></a>

  362. <a class="sourceLine" id="cb30-7" data-line-number="7"><span class="st">  </span><span class="kw">labs</span>(<span class="dt">title =</span> <span class="st">&quot;Sépales des iris&quot;</span>,</a>

  363. <a class="sourceLine" id="cb30-8" data-line-number="8">       <span class="dt">subtitle =</span> <span class="st">&quot;Longueur et largeur des sépales* en fonction de l&#39;espèce&quot;</span>,</a>

  364. <a class="sourceLine" id="cb30-9" data-line-number="9">       <span class="dt">x=</span> <span class="st">&quot;Longueur&quot;</span>,</a>

  365. <a class="sourceLine" id="cb30-10" data-line-number="10">       <span class="dt">y =</span> <span class="st">&quot;Largeur&quot;</span>,</a>

  366. <a class="sourceLine" id="cb30-11" data-line-number="11">       <span class="dt">caption =</span> <span class="st">&quot;* Chacune des pièces du calice de la fleur. / source: Iris dataset&quot;</span></a>

  367. <a class="sourceLine" id="cb30-12" data-line-number="12">  ) <span class="op">+</span><span class="st"> </span></a>

  368. <a class="sourceLine" id="cb30-13" data-line-number="13"><span class="st">  </span><span class="kw">guides</span>(<span class="dt">color =</span> <span class="kw">guide_legend</span>(<span class="dt">title =</span> <span class="st">&quot;Espèce&quot;</span>)) <span class="op">+</span><span class="st"> </span></a>

  369. <a class="sourceLine" id="cb30-14" data-line-number="14"><span class="st">  </span><span class="kw">theme</span>(<span class="dt">panel.grid.minor =</span> <span class="kw">element_blank</span>(), <span class="co">#&lt;&lt;</span></a>

  370. <a class="sourceLine" id="cb30-15" data-line-number="15">        <span class="dt">legend.position =</span> <span class="st">&quot;bottom&quot;</span>) <span class="co">#&lt;&lt;</span></a></code></pre></div>

  371. <p><img src="dataviz_files/figure-html/unnamed-chunk-60-1.png" width="672" />

  372. ]

  373. —

  374. # A l’aide !!!</p>

  375. <div id="site-du-tidyverse-httpsggplot2.tidyverse.org" class="section level3">

  376. <h3><span class="header-section-number">31.2.1</span> site du tidyverse: <a href="">https://ggplot2.tidyverse.org</a></h3>

  377. </div>

  378. <div id="r-for-datascience-httpsr4ds.had.co.nz" class="section level3">

  379. <h3><span class="header-section-number">31.2.2</span> R for datascience: <a href="">https://r4ds.had.co.nz/</a></h3>

  380. </div>

  381. <div id="stackoverfow-httpsstackoverflow.com" class="section level3">

  382. <h3><span class="header-section-number">31.2.3</span> stackoverfow: <a href="">https://stackoverflow.com</a></h3>

  383. </div>

  384. <div id="votre-moteur-de-recherche-préféré" class="section level3">

  385. <h3><span class="header-section-number">31.2.4</span> votre moteur de recherche préféré</h3>

  386. </div>

  387. </div>

  388. </div>

  389.             </section>

  390. 

  391.           </div>

  392.         </div>

  393.       </div>

  394. <a href="references.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>

  395. <a href="todo-2-1.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>

  396.     </div>

  397.   </div>

  398. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>

  399. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>

  400. <script src="libs/gitbook-2.6.7/js/clipboard.min.js"></script>

  401. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>

  402. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>

  403. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>

  404. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>

  405. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>

  406. <script src="libs/gitbook-2.6.7/js/plugin-clipboard.js"></script>

  407. <script>

  408. gitbook.require(["gitbook"], function(gitbook) {

  409. gitbook.start({

  410. "sharing": {

  411. "facebook": true,

  412. "twitter": true,

  413. "linkedin": false,

  414. "weibo": false,

  415. "instapaper": false,

  416. "vk": false,

  417. "all": ["facebook", "twitter", "linkedin", "weibo", "instapaper"]

  418. },

  419. "fontsettings": {

  420. "theme": "white",

  421. "family": "sans",

  422. "size": 2

  423. },

  424. "edit": {

  425. "link": null,

  426. "text": null

  427. },

  428. "history": {

  429. "link": null,

  430. "text": null

  431. },

  432. "download": ["dataviz.pdf", "dataviz.epub"],

  433. "toc": {

  434. "collapse": "subsection"

  435. }

  436. });

  437. });

  438. </script>

  439. 

  440. </body>

  441. 

  442. </html>