garrick
/
xaringanthemer
miroir de https://github.com/gadenbuie/xaringanthemer.git
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Tickets 0 Versions 10 Wiki Activité
😎 Give your xaringan slides some style
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
27 Révisions
5 Branches
Aborescence: 1d5987a39c
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '1d5987a39c'
${ noResults }
xaringanthemer/dev/reference/scale_xaringan.html

331 lines
17KB
Brut Annotations Historique 

  1. <!-- Generated by pkgdown: do not edit by hand -->

  2. <!DOCTYPE html>

  3. <html lang="en">

  4.   <head>

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

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

  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">

  8. 

  9. <title>Xaringan Themer ggplot2 Scales — scale_xaringan • xaringanthemer</title>

  10. 

  11. 

  12. <!-- jquery -->

  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

  14. <!-- Bootstrap -->

  15. 

  16. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />

  17. 

  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>

  19. 

  20. <!-- bootstrap-toc -->

  21. <link rel="stylesheet" href="../bootstrap-toc.css">

  22. <script src="../bootstrap-toc.js"></script>

  23. 

  24. <!-- Font Awesome icons -->

  25. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />

  26. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />

  27. 

  28. <!-- clipboard.js -->

  29. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>

  30. 

  31. <!-- headroom.js -->

  32. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>

  33. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

  34. 

  35. <!-- pkgdown -->

  36. <link href="../pkgdown.css" rel="stylesheet">

  37. <script src="../pkgdown.js"></script>

  38. 

  39. 

  40. 

  41.   <link href="../extra.css" rel="stylesheet">

  42.   

  43. 

  44. <meta property="og:title" content="Xaringan Themer ggplot2 Scales — scale_xaringan" />

  45. <meta property="og:description" content="Lifecycle: Maturing

  46. Color and fill single-color scales for discrete and continuous values,

  47. created using the primary accent color of the xaringanthemer styles." />

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

  49. <meta name="twitter:creator" content="@grrrck" />

  50. <meta name="twitter:site" content="@grrrck" />

  51. 

  52. 

  53. <meta name="robots" content="noindex">

  54. 

  55. <!-- mathjax -->

  56. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>

  57. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

  58. 

  59. <!--[if lt IE 9]>

  60. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

  61. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  62. <![endif]-->

  63. 

  64. 

  65. 

  66.   </head>

  67. 

  68.   <body data-spy="scroll" data-target="#toc">

  69.     <div class="container template-reference-topic">

  70.       <header>

  71.       <div class="navbar navbar-default navbar-fixed-top" role="navigation">

  72.   <div class="container">

  73.     <div class="navbar-header">

  74.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">

  75.         <span class="sr-only">Toggle navigation</span>

  76.         <span class="icon-bar"></span>

  77.         <span class="icon-bar"></span>

  78.         <span class="icon-bar"></span>

  79.       </button>

  80.       <span class="navbar-brand">

  81.         <a class="navbar-link" href="../index.html">xaringanthemer</a>

  82.         <span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>

  83.       </span>

  84.     </div>

  85. 

  86.     <div id="navbar" class="navbar-collapse collapse">

  87.       <ul class="nav navbar-nav">

  88.         <li>

  89.   <a href="../articles/xaringanthemer.html">Features</a>

  90. </li>

  91. <li>

  92.   <a href="../reference/index.html">Reference</a>

  93. </li>

  94. <li>

  95.   <a href="../articles/themes.html">Themes</a>

  96. </li>

  97. <li>

  98.   <a href="../articles/fonts.html">Fonts</a>

  99. </li>

  100. <li>

  101.   <a href="../articles/template-variables.html">Template Variables</a>

  102. </li>

  103.       </ul>

  104.       <ul class="nav navbar-nav navbar-right">

  105.         <li>

  106.   <a href="../news/index.html">

  107.     <span class="fa fa fa fa-newspaper-o fa-lg"></span>

  108.      

  109.     

  110.   </a>

  111. </li>

  112. <li>

  113.   <a href="https://github.com/gadenbuie/xaringanthemer">

  114.     <span class="fa fa-github fa-lg"></span>

  115.      

  116.   </a>

  117. </li>

  118. <li>

  119.   <a href="https://twitter.com/grrrck">

  120.     <span class="fa fa-twitter fa-lg"></span>

  121.      

  122.   </a>

  123. </li>

  124. <li>

  125.   <a href="https://www.garrickadenbuie.com">

  126.     <span class="fa fa-home fa-lg"></span>

  127.      

  128.   </a>

  129. </li>

  130.       </ul>

  131.       

  132.     </div><!--/.nav-collapse -->

  133.   </div><!--/.container -->

  134. </div><!--/.navbar -->

  135. 

  136.       

  137. 

  138.       </header>

  139. 

  140. <div class="row">

  141.   <div class="col-md-9 contents">

  142.     <div class="page-header">

  143.     <h1>Xaringan Themer ggplot2 Scales</h1>

  144.     <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/ggplot2.R'><code>R/ggplot2.R</code></a></small>

  145.     <div class="hidden name"><code>scale_xaringan.Rd</code></div>

  146.     </div>

  147. 

  148.     <div class="ref-description">

  149.     <p><strong>Lifecycle:</strong> <a href='https://www.tidyverse.org/lifecycle/#maturing'>Maturing</a></p>

  150. <p>Color and fill single-color scales for discrete and continuous values,

  151. created using the primary accent color of the xaringanthemer styles.</p>

  152.     </div>

  153. 

  154.     <pre class="usage"><span class='fu'>scale_xaringan_discrete</span>(

  155.   <span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),

  156.   <span class='no'>...</span>,

  157.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  158.   <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  159.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  160. )

  161. 

  162. <span class='fu'>scale_xaringan_fill_discrete</span>(<span class='no'>...</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>, <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>)

  163. 

  164. <span class='fu'>scale_xaringan_color_discrete</span>(

  165.   <span class='no'>...</span>,

  166.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  167.   <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  168.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  169. )

  170. 

  171. <span class='fu'>scale_xaringan_colour_discrete</span>(

  172.   <span class='no'>...</span>,

  173.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  174.   <span class='kw'>direction</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  175.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  176. )

  177. 

  178. <span class='fu'>scale_xaringan_continuous</span>(

  179.   <span class='kw'>aes_type</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"color"</span>, <span class='st'>"colour"</span>, <span class='st'>"fill"</span>),

  180.   <span class='no'>...</span>,

  181.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  182.   <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,

  183.   <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  184.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  185. )

  186. 

  187. <span class='fu'>scale_xaringan_fill_continuous</span>(

  188.   <span class='no'>...</span>,

  189.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  190.   <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,

  191.   <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  192.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  193. )

  194. 

  195. <span class='fu'>scale_xaringan_color_continuous</span>(

  196.   <span class='no'>...</span>,

  197.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  198.   <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,

  199.   <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  200.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  201. )

  202. 

  203. <span class='fu'>scale_xaringan_colour_continuous</span>(

  204.   <span class='no'>...</span>,

  205.   <span class='kw'>color</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,

  206.   <span class='kw'>begin</span> <span class='kw'>=</span> <span class='fl'>0</span>,

  207.   <span class='kw'>end</span> <span class='kw'>=</span> <span class='fl'>1</span>,

  208.   <span class='kw'>inverse</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>

  209. )</pre>

  210. 

  211.     <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>

  212.     <table class="ref-arguments">

  213.     <colgroup><col class="name" /><col class="desc" /></colgroup>

  214.     <tr>

  215.       <th>aes_type</th>

  216.       <td><p>The type of aesthetic to which the scale is being applied.

  217. One of "color", "colour", or "fill".</p></td>

  218.     </tr>

  219.     <tr>

  220.       <th>...</th>

  221.       <td><p>Arguments passed on to either the <span class="pkg">colorspace</span> scale

  222. functions — one of <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_color_discrete_sequential</a>,

  223. <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_color_continuous_sequential</a>,

  224. <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_discrete_sequential.html'>colorspace::scale_fill_discrete_sequential</a>, or

  225. <a href='http://colorspace.R-Forge.R-project.org//reference/scale_colour_continuous_sequential.html'>colorspace::scale_fill_continuous_sequential</a> — or to

  226. <a href='https://ggplot2.tidyverse.org/reference/continuous_scale.html'>ggplot2::continuous_scale</a> or <a href='https://ggplot2.tidyverse.org/reference/discrete_scale.html'>ggplot2::discrete_scale</a>.</p></td>

  227.     </tr>

  228.     <tr>

  229.       <th>color</th>

  230.       <td><p>A color value, in hex, to override the default color. Otherwise,

  231. the primary color of the resulting scale is chosen from the xaringanthemer

  232. slide styles.</p></td>

  233.     </tr>

  234.     <tr>

  235.       <th>direction</th>

  236.       <td><p>Direction of the discrete scale. Use values less than 0 to

  237. reverse the direction, e.g. <code>direction = -1</code>.</p></td>

  238.     </tr>

  239.     <tr>

  240.       <th>inverse</th>

  241.       <td><p>If <code>color</code> is not supplied and <code>inverse = TRUE</code>, a primary

  242. color is chosen to work well with the inverse slide styles, namely the

  243. value of <code>inverse_header_color</code></p></td>

  244.     </tr>

  245.     <tr>

  246.       <th>begin</th>

  247.       <td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the smallest data value should be mapped.</p></td>

  248.     </tr>

  249.     <tr>

  250.       <th>end</th>

  251.       <td><p>Number in the range of <code>[0, 1]</code> indicating to which point in the color scale the largest data value should be mapped.</p></td>

  252.     </tr>

  253.     </table>

  254. 

  255. 

  256.     <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>

  257.     <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span>

  258. <span class='no'>has_ggplot2</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span>(<span class='st'>"ggplot2"</span>, <span class='kw'>quietly</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>)

  259. 

  260. <span class='kw'>if</span> (<span class='no'>has_ggplot2</span>) {

  261.   <span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>ggplot2</span>)

  262.   <span class='co'># Saving the theme to a temp file because this is an example</span>

  263.   <span class='no'>path_to_css_file</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span>(<span class='kw'>fileext</span> <span class='kw'>=</span> <span class='st'>".css"</span>)

  264. 

  265.   <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span>

  266.   <span class='fu'><a href='style_duo.html'>style_duo</a></span>(

  267.     <span class='kw'>primary_color</span> <span class='kw'>=</span> <span class='st'>"#002b36"</span>,

  268.     <span class='kw'>secondary_color</span> <span class='kw'>=</span> <span class='st'>"#31b09e"</span>,

  269.     <span class='co'># Using basic fonts for this example, but the plot theme will</span>

  270.     <span class='co'># automatically use your theme font if you use Google fonts</span>

  271.     <span class='kw'>text_font_family</span> <span class='kw'>=</span> <span class='st'>"sans"</span>,

  272.     <span class='kw'>header_font_family</span> <span class='kw'>=</span> <span class='st'>"serif"</span>,

  273.     <span class='kw'>outfile</span> <span class='kw'>=</span> <span class='no'>path_to_css_file</span>

  274.   )

  275. 

  276.   <span class='co'># Here's some very basic example data</span>

  277.   <span class='no'>ex</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(

  278.     <span class='kw'>name</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span>),

  279.     <span class='kw'>n</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span>)

  280.   )

  281. 

  282.   <span class='co'># Fill color scales demo</span>

  283.   <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>ex</span>) +

  284.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>name</span>, <span class='no'>n</span>, <span class='kw'>fill</span> <span class='kw'>=</span> <span class='no'>n</span>) +

  285.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span>() +

  286.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching fill scales"</span>) +

  287.     <span class='co'># themed to match the slides: dark blue background with teal text</span>

  288.     <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() +

  289.     <span class='co'># Fill color matches teal text</span>

  290.     <span class='fu'>scale_xaringan_fill_continuous</span>()

  291. 

  292.   <span class='co'># Color scales demo</span>

  293.   <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='no'>ex</span>) +

  294.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(<span class='no'>name</span>, <span class='kw'>y</span> <span class='kw'>=</span> <span class='fl'>1</span>, <span class='kw'>color</span> <span class='kw'>=</span> <span class='no'>name</span>) +

  295.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(<span class='kw'>size</span> <span class='kw'>=</span> <span class='fl'>10</span>) +

  296.     <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span>(<span class='st'>"Matching color scales"</span>) +

  297.     <span class='co'># themed to match the slides: dark blue background with teal text</span>

  298.     <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span>() +

  299.     <span class='co'># Fill color matches teal text</span>

  300.     <span class='fu'>scale_xaringan_color_discrete</span>(<span class='kw'>direction</span> <span class='kw'>=</span> -<span class='fl'>1</span>)

  301. }</div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'>

  302. </div></pre>

  303.   </div>

  304.   <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

  305.     <nav id="toc" data-toggle="toc" class="sticky-top">

  306.       <h2 data-toc-skip>Contents</h2>

  307.     </nav>

  308.   </div>

  309. </div>

  310. 

  311. 

  312.       <footer>

  313.       <div class="copyright">

  314.   <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>

  315. </div>

  316. 

  317. <div class="pkgdown">

  318.   <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>

  319. </div>

  320. 

  321.       </footer>

  322.    </div>

  323. 

  324.   

  325. 

  326. 

  327.   </body>

  328. </html>

  329.