utiliser-les-marques-et-les-échelles-2.html 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  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>Chapitre 19 Utiliser les marques et les échelles | 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.15 and GitBook 2.6.7" />
  9. <meta property="og:title" content="Chapitre 19 Utiliser les marques et les échelles | 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="Chapitre 19 Utiliser les marques et les échelles | 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-11-18" />
  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="prev" href="utiliser-les-marques-et-les-échelles-1.html"/>
  21. <link rel="next" href="types-de-datasets-et-types-de-données.html"/>
  22. <script src="libs/jquery-2.2.3/jquery.min.js"></script>
  23. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />
  24. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />
  25. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />
  26. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />
  27. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />
  28. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />
  29. <link href="libs/gitbook-2.6.7/css/plugin-clipboard.css" rel="stylesheet" />
  30. <style type="text/css">
  31. a.sourceLine { display: inline-block; line-height: 1.25; }
  32. a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
  33. a.sourceLine:empty { height: 1.2em; }
  34. .sourceCode { overflow: visible; }
  35. code.sourceCode { white-space: pre; position: relative; }
  36. pre.sourceCode { margin: 0; }
  37. @media screen {
  38. div.sourceCode { overflow: auto; }
  39. }
  40. @media print {
  41. code.sourceCode { white-space: pre-wrap; }
  42. a.sourceLine { text-indent: -1em; padding-left: 1em; }
  43. }
  44. pre.numberSource a.sourceLine
  45. { position: relative; left: -4em; }
  46. pre.numberSource a.sourceLine::before
  47. { content: attr(data-line-number);
  48. position: relative; left: -1em; text-align: right; vertical-align: baseline;
  49. border: none; pointer-events: all; display: inline-block;
  50. -webkit-touch-callout: none; -webkit-user-select: none;
  51. -khtml-user-select: none; -moz-user-select: none;
  52. -ms-user-select: none; user-select: none;
  53. padding: 0 4px; width: 4em;
  54. color: #aaaaaa;
  55. }
  56. pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
  57. div.sourceCode
  58. { }
  59. @media screen {
  60. a.sourceLine::before { text-decoration: underline; }
  61. }
  62. code span.al { color: #ff0000; font-weight: bold; } /* Alert */
  63. code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
  64. code span.at { color: #7d9029; } /* Attribute */
  65. code span.bn { color: #40a070; } /* BaseN */
  66. code span.bu { } /* BuiltIn */
  67. code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
  68. code span.ch { color: #4070a0; } /* Char */
  69. code span.cn { color: #880000; } /* Constant */
  70. code span.co { color: #60a0b0; font-style: italic; } /* Comment */
  71. code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
  72. code span.do { color: #ba2121; font-style: italic; } /* Documentation */
  73. code span.dt { color: #902000; } /* DataType */
  74. code span.dv { color: #40a070; } /* DecVal */
  75. code span.er { color: #ff0000; font-weight: bold; } /* Error */
  76. code span.ex { } /* Extension */
  77. code span.fl { color: #40a070; } /* Float */
  78. code span.fu { color: #06287e; } /* Function */
  79. code span.im { } /* Import */
  80. code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
  81. code span.kw { color: #007020; font-weight: bold; } /* Keyword */
  82. code span.op { color: #666666; } /* Operator */
  83. code span.ot { color: #007020; } /* Other */
  84. code span.pp { color: #bc7a00; } /* Preprocessor */
  85. code span.sc { color: #4070a0; } /* SpecialChar */
  86. code span.ss { color: #bb6688; } /* SpecialString */
  87. code span.st { color: #4070a0; } /* String */
  88. code span.va { color: #19177c; } /* Variable */
  89. code span.vs { color: #4070a0; } /* VerbatimString */
  90. code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
  91. </style>
  92. <link rel="stylesheet" href="style.css" type="text/css" />
  93. </head>
  94. <body>
  95. <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">
  96. <div class="book-summary">
  97. <nav role="navigation">
  98. <ul class="summary">
  99. <li><a href="./">Visualisation de données : éléments théoriques et applications avec R</a></li>
  100. <li class="divider"></li>
  101. <li class="chapter" data-level="" data-path="index.html"><a href="index.html"><i class="fa fa-check"></i>Prerequis</a><ul>
  102. <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>
  103. <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>
  104. <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>
  105. </ul></li>
  106. <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>
  107. <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>
  108. <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>
  109. </ul></li>
  110. <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>
  111. <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>
  112. <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>
  113. <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>
  114. <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>
  115. <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>
  116. </ul></li>
  117. </ul></li>
  118. <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>
  119. <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>
  120. <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>
  121. <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>
  122. <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>
  123. </ul></li>
  124. <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>
  125. <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>
  126. <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>
  127. </ul></li>
  128. <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>
  129. <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>
  130. <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>
  131. <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>
  132. <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>
  133. </ul></li>
  134. </ul></li>
  135. <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>
  136. <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>
  137. <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>
  138. </ul></li>
  139. <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>
  140. <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>
  141. <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>
  142. <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>
  143. </ul></li>
  144. <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>
  145. <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>
  146. <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>
  147. </ul></li>
  148. <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>
  149. <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>
  150. <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>
  151. <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>
  152. </ul></li>
  153. </ul></li>
  154. <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>
  155. <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>
  156. <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>
  157. <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>
  158. <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>
  159. </ul></li>
  160. <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>
  161. <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>
  162. <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>
  163. <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>
  164. <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>
  165. <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>
  166. </ul></li>
  167. <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>
  168. <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>
  169. </ul></li>
  170. </ul></li>
  171. <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>
  172. <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>
  173. <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>
  174. <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>
  175. <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>
  176. </ul></li>
  177. <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>
  178. <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>
  179. </ul></li>
  180. <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>
  181. <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>
  182. </ul></li>
  183. <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>
  184. <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>
  185. </ul></li>
  186. <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>
  187. <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>
  188. </ul></li>
  189. <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>
  190. <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>
  191. </ul></li>
  192. <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>
  193. <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>
  194. <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>
  195. </ul></li>
  196. <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>
  197. <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>
  198. </ul></li>
  199. <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>
  200. <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>
  201. <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>
  202. <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>
  203. <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>
  204. <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>
  205. </ul></li>
  206. <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>
  207. </ul></li>
  208. <li class="chapter" data-level="" data-path="references.html"><a href="references.html"><i class="fa fa-check"></i>References</a><ul>
  209. <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>
  210. <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>
  211. <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>
  212. <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>
  213. <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>
  214. </ul></li>
  215. <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>
  216. <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>
  217. </ul></li>
  218. <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>
  219. <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>
  220. <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>
  221. <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>
  222. <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>
  223. <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>
  224. <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>
  225. </ul></li>
  226. </ul></li>
  227. <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>
  228. <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>
  229. <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>
  230. <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>
  231. <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>
  232. <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>
  233. </ul></li>
  234. <li class="divider"></li>
  235. <li><a href="https://github.com/rstudio/bookdown" target="blank">Published with bookdown</a></li>
  236. </ul>
  237. </nav>
  238. </div>
  239. <div class="book-body">
  240. <div class="body-inner">
  241. <div class="book-header" role="navigation">
  242. <h1>
  243. <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>
  244. </h1>
  245. </div>
  246. <div class="page-wrapper" tabindex="-1" role="main">
  247. <div class="page-inner">
  248. <section class="normal" id="section-">
  249. <div id="utiliser-les-marques-et-les-échelles-2" class="section level1">
  250. <h1><span class="header-section-number">Chapitre 19</span> Utiliser les marques et les échelles</h1>
  251. <p>.pull-left[</p>
  252. <p><img src="dataviz_files/figure-html/unnamed-chunk-9-1.png" width="672" />
  253. ]</p>
  254. <table style="width:4%;">
  255. <colgroup>
  256. <col width="4%" />
  257. </colgroup>
  258. <tbody>
  259. <tr class="odd">
  260. <td>.pull-right[
  261. ### <strong>Marque</strong>: point
  262. ### <strong>Echelles</strong>: position x et position y</td>
  263. </tr>
  264. <tr class="even">
  265. <td>### <strong>Variables</strong></td>
  266. </tr>
  267. <tr class="odd">
  268. <td>#### <strong>3</strong> variables quantitatives
  269. #### 1 variable qualitative</td>
  270. </tr>
  271. <tr class="even">
  272. <td>]</td>
  273. </tr>
  274. </tbody>
  275. </table>
  276. <p>class: center
  277. # Encodage redondant</p>
  278. <p><img src="dataviz_files/figure-html/unnamed-chunk-10-1.png" width="672" /></p>
  279. <div id="longueur-position-et-luminosité" class="section level3">
  280. <h3><span class="header-section-number">19.0.1</span> Longueur, position et Luminosité</h3>
  281. <p>class: center
  282. ## Toutes les échelles ne naissent pas égales</p>
  283. <p>.pull-left[
  284. ### <strong>Echelles de magnitudes</strong></p>
  285. <div id="combien" class="section level4">
  286. <h4><span class="header-section-number">19.0.1.1</span> Combien ?</h4>
  287. <p>Position</p>
  288. <p>Longueur</p>
  289. <p>Saturation</p>
  290. <p></p>
  291. </div>
  292. <div id="données-quantitatives" class="section level4">
  293. <h4><span class="header-section-number">19.0.1.2</span> <strong>Données quantitatives</strong></h4>
  294. <p>]</p>
  295. <table style="width:4%;">
  296. <colgroup>
  297. <col width="4%" />
  298. </colgroup>
  299. <tbody>
  300. <tr class="odd">
  301. <td>.pull-right[
  302. ### <strong>Echelles d’identité</strong></td>
  303. </tr>
  304. <tr class="even">
  305. <td>#### Quoi? Où?</td>
  306. </tr>
  307. <tr class="odd">
  308. <td>Forme</td>
  309. </tr>
  310. <tr class="even">
  311. <td>Teinte</td>
  312. </tr>
  313. <tr class="odd">
  314. <td>Région spatiale</td>
  315. </tr>
  316. <tr class="even">
  317. <td></td>
  318. </tr>
  319. <tr class="odd">
  320. <td>#### <strong>Données qualitatives</strong>
  321. ]</td>
  322. </tr>
  323. </tbody>
  324. </table>
  325. <p>class: center, full</p>
  326. </div>
  327. </div>
  328. <div id="echelles---efficience" class="section level2">
  329. <h2><span class="header-section-number">19.1</span> Echelles - efficience</h2>
  330. <div class="figure">
  331. <img src="img/echelles_efficience.png" alt=":scale 90%" />
  332. <p class="caption">:scale 90%</p>
  333. </div>
  334. </div>
  335. </div>
  336. </section>
  337. </div>
  338. </div>
  339. </div>
  340. <a href="utiliser-les-marques-et-les-échelles-1.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>
  341. <a href="types-de-datasets-et-types-de-données.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>
  342. </div>
  343. </div>
  344. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>
  345. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>
  346. <script src="libs/gitbook-2.6.7/js/clipboard.min.js"></script>
  347. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>
  348. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>
  349. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>
  350. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>
  351. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>
  352. <script src="libs/gitbook-2.6.7/js/plugin-clipboard.js"></script>
  353. <script>
  354. gitbook.require(["gitbook"], function(gitbook) {
  355. gitbook.start({
  356. "sharing": {
  357. "facebook": true,
  358. "twitter": true,
  359. "linkedin": false,
  360. "weibo": false,
  361. "instapaper": false,
  362. "vk": false,
  363. "all": ["facebook", "twitter", "linkedin", "weibo", "instapaper"]
  364. },
  365. "fontsettings": {
  366. "theme": "white",
  367. "family": "sans",
  368. "size": 2
  369. },
  370. "edit": {
  371. "link": null,
  372. "text": null
  373. },
  374. "history": {
  375. "link": null,
  376. "text": null
  377. },
  378. "download": ["dataviz.pdf", "dataviz.epub"],
  379. "toc": {
  380. "collapse": "subsection"
  381. }
  382. });
  383. });
  384. </script>
  385. </body>
  386. </html>