HEGP
/
dataviz
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 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.
15 Commits
1 Branch
220MB
Tree: bdfb45a21a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'bdfb45a21a'
${ noResults }
dataviz/_book/perception-systeme-visuel-m...

226 lines
14KB
Raw Blame History 

  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 3 Perception : système visuel, marques et canaux, couleurs | 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.12 and GitBook 2.6.7" />

  10. 

  11.   <meta property="og:title" content="Chapitre 3 Perception : système visuel, marques et canaux, couleurs | 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 3 Perception : système visuel, marques et canaux, couleurs | 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-10-30" />

  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="types-de-datasets-et-types-de-donnees.html">

  35. <link rel="next" href="abstraction-de-tache.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. 

  44. 

  45. 

  46. 

  47. 

  48. 

  49. 

  50. 

  51. 

  52. 

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

  54. </head>

  55. 

  56. <body>

  57. 

  58. 

  59. 

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

  61. 

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

  63.       <nav role="navigation">

  64. 

  65. <ul class="summary">

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

  67. 

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

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

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

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

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

  73. </ul></li>

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

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

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

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

  78. </ul></li>

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

  80. <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#types-de-datasets"><i class="fa fa-check"></i><b>2.1</b> Types de datasets</a><ul>

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

  82. <li class="chapter" data-level="2.1.2" 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.2</b> TODO</a></li>

  83. </ul></li>

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

  85. <li class="chapter" data-level="2.2.1" data-path="types-de-datasets-et-types-de-donnees.html"><a href="types-de-datasets-et-types-de-donnees.html#todo-1"><i class="fa fa-check"></i><b>2.2.1</b> TODO</a></li>

  86. </ul></li>

  87. </ul></li>

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

  89. <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-2"><i class="fa fa-check"></i><b>3.1</b> TODO</a></li>

  90. <li class="chapter" data-level="3.2" data-path="perception-systeme-visuel-marques-et-canaux-couleurs.html"><a href="perception-systeme-visuel-marques-et-canaux-couleurs.html#types-de-marques"><i class="fa fa-check"></i><b>3.2</b> Types de marques</a></li>

  91. <li class="chapter" data-level="3.3" data-path="perception-systeme-visuel-marques-et-canaux-couleurs.html"><a href="perception-systeme-visuel-marques-et-canaux-couleurs.html#mappings-in-ggplot-1"><i class="fa fa-check"></i><b>3.3</b> Mappings in ggplot</a></li>

  92. <li class="chapter" data-level="3.4" data-path="perception-systeme-visuel-marques-et-canaux-couleurs.html"><a href="perception-systeme-visuel-marques-et-canaux-couleurs.html#scales-in-ggplot-1"><i class="fa fa-check"></i><b>3.4</b> scales in ggplot</a></li>

  93. </ul></li>

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

  95. <li class="chapter" data-level="4.1" data-path="abstraction-de-tache.html"><a href="abstraction-de-tache.html#todo-3"><i class="fa fa-check"></i><b>4.1</b> TODO</a></li>

  96. </ul></li>

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

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

  99. </ul></li>

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

  101. <li class="chapter" data-level="6.1" data-path="visualisation-de-donnees-tabulaires.html"><a href="visualisation-de-donnees-tabulaires.html#todo-5"><i class="fa fa-check"></i><b>6.1</b> TODO</a></li>

  102. </ul></li>

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

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

  105. </ul></li>

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

  107. <li class="chapter" data-level="8.1" data-path="visualisation-de-donnees-spatiales.html"><a href="visualisation-de-donnees-spatiales.html#todo-7"><i class="fa fa-check"></i><b>8.1</b> TODO</a></li>

  108. </ul></li>

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

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

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

  112. </ul></li>

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

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

  115. </ul></li>

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

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

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

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

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

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

  122. </ul></li>

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

  124. </ul></li>

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

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

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

  128. 

  129. </ul>

  130. 

  131.       </nav>

  132.     </div>

  133. 

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

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

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

  137.           <h1>

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

  139.           </h1>

  140.         </div>

  141. 

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

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

  144. 

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

  146. <div id="perception-systeme-visuel-marques-et-canaux-couleurs" class="section level1">

  147. <h1><span class="header-section-number">Chapitre 3</span> Perception : système visuel, marques et canaux, couleurs</h1>

  148. <div id="todo-2" class="section level2">

  149. <h2><span class="header-section-number">3.1</span> TODO</h2>

  150. </div>

  151. <div id="types-de-marques" class="section level2">

  152. <h2><span class="header-section-number">3.2</span> Types de marques</h2>

  153. <div class="figure" style="text-align: center"><span id="fig:encode"></span>

  154. <img src="dataviz_files/figure-html/encode-1.png" alt="Exemples d'encodage" width="672" />

  155. <p class="caption">

  156. Figure 3.1: Exemples d’encodage

  157. </p>

  158. </div>

  159. </div>

  160. <div id="mappings-in-ggplot-1" class="section level2">

  161. <h2><span class="header-section-number">3.3</span> Mappings in ggplot</h2>

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

  163. <p>figure from <a href="">https://serialmentor.com/dataviz/aesthetic-mapping.html</a></p>

  164. </div>

  165. <div id="scales-in-ggplot-1" class="section level2">

  166. <h2><span class="header-section-number">3.4</span> scales in ggplot</h2>

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

  168. <p>figure from <a href="">https://serialmentor.com/dataviz/aesthetic-mapping.html</a></p>

  169. 

  170. </div>

  171. </div>

  172.             </section>

  173. 

  174.           </div>

  175.         </div>

  176.       </div>

  177. <a href="types-de-datasets-et-types-de-donnees.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>

  178. <a href="abstraction-de-tache.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>

  179.     </div>

  180.   </div>

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

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

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

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

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

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

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

  188. <script>

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

  190. gitbook.start({

  191. "sharing": {

  192. "github": false,

  193. "facebook": true,

  194. "twitter": true,

  195. "google": false,

  196. "linkedin": false,

  197. "weibo": false,

  198. "instapaper": false,

  199. "vk": false,

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

  201. },

  202. "fontsettings": {

  203. "theme": "white",

  204. "family": "sans",

  205. "size": 2

  206. },

  207. "edit": {

  208. "link": null,

  209. "text": null

  210. },

  211. "history": {

  212. "link": null,

  213. "text": null

  214. },

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

  216. "toc": {

  217. "collapse": "subsection"

  218. }

  219. });

  220. });

  221. </script>

  222. 

  223. </body>

  224. 

  225. </html>