hrbrmstr
/
hrbrthemes
1
1
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity
Opinionated, typographic-centric ggplot2 themes and theme components
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.
147 Commits
2 Branches
1 Tag
58 MiB
 
 
 
Branch: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
hrbrthemes/docs/index.html

457 lines
42 KiB
Raw Permalink Blame History

<!DOCTYPE html>
<!-- Generated by pkgdown: do not edit by hand --><html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Additional Themes, Theme Components and Utilities for 'ggplot2' • hrbrthemes</title>
<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><!-- Bootstrap --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script><!-- sticky kit --><script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha256-c4Rlo1ZozqTPE2RLuvbusY3+SU1pQaJC0TjuhygMipw=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
<script src="pkgdown.js"></script><meta property="og:title" content="Additional Themes, Theme Components and Utilities for 'ggplot2'">
<meta property="og:description" content="A compilation of extra 'ggplot2' themes, scales and utilities, including a
spell check function for plot label fields and an overall emphasis on typography.
A copy of the 'Google' font 'Roboto Condensed' &lt;https://github.com/google/roboto/&gt;
is also included along with a copy of the 'IBM' 'Plex Sans' &lt;https://github.com/IBM/type&gt;
and 'Titillium Web' &lt;https://fonts.google.com/specimen/Titillium+Web&gt; fonts
are also included to support their respective typography-oriented themes.">
<meta name="twitter:card" content="summary">
<!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><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><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container template-home">
<header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">
<a class="navbar-link" href="index.html">hrbrthemes</a>
<span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.6.0</span>
</span>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="index.html">
<span class="fa fa-home fa-lg"></span>
</a>
</li>
<li>
<a href="reference/index.html">Reference</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
Articles
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="articles/why_hrbrthemes.html">Why hrbrthemes?</a>
</li>
</ul>
</li>
<li>
<a href="news/index.html">Changelog</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/hrbrmstr/hrbrthemes">
<span class="fa fa-github fa-lg"></span>
</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container -->
</div>
<!--/.navbar -->
</header><div class="row">
<div class="contents col-md-9">
<div id="hrbrthemes-additional-themes-and-theme-components-for-ggplot2" class="section level2">
<h2 class="hasAnchor">
<a href="#hrbrthemes-additional-themes-and-theme-components-for-ggplot2" class="anchor"></a><code>hrbrthemes</code> : Additional Themes and Theme Components for ‘ggplot2’</h2>
<p><a href="http://www.repostatus.org/#active"><img src="http://www.repostatus.org/badges/0.1.0/active.svg" alt="Project Status: Active - The project has reached a stable, usable state and is being actively developed."></a> <a href="https://codecov.io/gh/hrbrmstr/hrbrthemes"><img src="https://codecov.io/gh/hrbrmstr/hrbrthemes/branch/master/graph/badge.svg" alt="codecov"></a> <a href="https://travis-ci.org/hrbrmstr/hrbrthemes"><img src="https://travis-ci.org/hrbrmstr/hrbrthemes.svg?branch=master" alt="Travis-CI Build Status"></a> <a href="https://cran.r-project.org/package=hrbrthemes"><img src="http://www.r-pkg.org/badges/version/hrbrthemes" alt="CRAN_Status_Badge"></a> <img src="http://cranlogs.r-pkg.org/badges/grand-total/hrbrthemes" alt="downloads"><a href="https://doi.org/10.5281/zenodo.2545422"><img src="https://zenodo.org/badge/DOI/10.5281/zenodo.2545422.svg" alt="DOI"></a></p>
<hr>
<p>This is a very focused package that provides typography-centric themes and theme components for ggplot2. It’s a an extract/riff of <a href="http://github.com/hrbrmstr/hrbrmisc"><code>hrbrmisc</code></a> created by request.</p>
<p>The core theme: <code>theme_ipsum</code> (“ipsum” is Latin for “precise”) uses Arial Narrow which should be installed on practically any modern system, so it’s “free”-ish. This font is condensed, has solid default kerning pairs and geometric numbers. That’s what I consider the “font trifecta” must-have for charts. An additional quality for fonts for charts is that they have a diversity of weights. Arial Narrow (the one on most systems, anyway) does not have said diversity but this quality is not (IMO) a “must have”.</p>
<p>The following functions are implemented/objects are exported:</p>
<p>Themes:</p>
<ul>
<li>
<code>theme_ft_rc</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typoghraphy</li>
<li>
<code>theme_ipsum</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typography</li>
<li>
<code>theme_ipsum_ps</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typoghraphy</li>
<li>
<code>theme_ipsum_rc</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typoghraphy</li>
<li>
<code>theme_ipsum_tw</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typoghraphy</li>
<li>
<code>theme_modern_rc</code>: A precise &amp; pristine ggplot2 theme with opinionated defaults and an emphasis on typoghraphy</li>
</ul>
<p>Scales (that align with various themes):</p>
<ul>
<li>
<code>scale_color_ft</code>: Discrete color &amp; fill scales based on the FT palette</li>
<li>
<code>scale_color_ipsum</code>: Discrete color &amp; fill scales based on the ipsum palette</li>
<li>
<code>scale_colour_ft</code>: Discrete color &amp; fill scales based on the FT palette</li>
<li>
<code>scale_colour_ipsum</code>: Discrete color &amp; fill scales based on the ipsum palette</li>
<li>
<code>scale_fill_ft</code>: Discrete color &amp; fill scales based on the FT palette</li>
<li>
<code>scale_fill_ipsum</code>: Discrete color &amp; fill scales based on the ipsum palette</li>
<li>
<code>scale_x_comma</code>: X &amp; Y scales with opinionated pre-sets for percent &amp; comma label formats</li>
<li>
<code>scale_x_percent</code>: X &amp; Y scales with opinionated pre-sets for percent &amp; comma label formats</li>
<li>
<code>scale_y_comma</code>: X &amp; Y scales with opinionated pre-sets for percent &amp; comma label formats</li>
<li>
<code>scale_y_percent</code>: X &amp; Y scales with opinionated pre-sets for percent &amp; comma label formats</li>
</ul>
<p>Palettes/Named Colors:</p>
<ul>
<li>
<code>ipsum_pal</code>: A muted, qualitative color palette</li>
<li>
<code>ft_cols</code>: FT color palette</li>
<li>
<code>ft_pal</code>: A bright qualitative color palette</li>
<li>
<code>ft_text_col</code>: FT color palette</li>
</ul>
<p>Fonts:</p>
<ul>
<li>
<code>font_an</code>: Arial Narrow font name R variable aliases</li>
<li>
<code>font_ps</code>: PlexSans font name R variable aliases</li>
<li>
<code>font_ps_light</code>: PlexSans font name R variable aliases</li>
<li>
<code>font_rc</code>: Roboto Condensed font name R variable aliases</li>
<li>
<code>font_rc_light</code>: Roboto Condensed font name R variable aliases</li>
<li>
<code>font_tw</code>: Titillium Web font name R variable aliases</li>
<li>
<code>font_tw_bold</code>: Titillium Web font name R variable aliases</li>
<li>
<code>font_tw_light</code>: Titillium Web font name R variable aliases</li>
</ul>
<p>R Markdown:</p>
<ul>
<li>
<code>ipsum</code>: ipsum R markdown template</li>
<li>
<code>ipsum_pdf</code>: ipsum R markdown template for PDF output</li>
</ul>
<p>Utilities:</p>
<ul>
<li>
<code>flush_ticks</code>: Makes axis text labels flush on the ends</li>
<li>
<code>ft_geom_defaults</code>: Change geom defaults from black to custom lights for the FT theme</li>
<li>
<code>gg_check</code>: Spell check ggplot2 plot labels</li>
<li>
<code>import_plex_sans</code>: Import IBM Plex Sans font for use in charts</li>
<li>
<code>import_roboto_condensed</code>: Import Roboto Condensed font for use in charts</li>
<li>
<code>import_titillium_web</code>: Import Titillium Web font for use in charts</li>
<li>
<code>modern_geom_defaults</code>: Change geom defaults from black to white for the modern theme</li>
<li>
<code>update_geom_font_defaults</code>: Update matching font defaults for text geoms</li>
</ul>
<div id="installation" class="section level3">
<h3 class="hasAnchor">
<a href="#installation" class="anchor"></a>Installation</h3>
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb1-1" data-line-number="1">devtools<span class="op">::</span><span class="kw"><a href="https://www.rdocumentation.org/packages/devtools/topics/reexports">install_github</a></span>(<span class="st">"hrbrmstr/hrbrthemes"</span>)</a></code></pre></div>
</div>
<div id="usage" class="section level3">
<h3 class="hasAnchor">
<a href="#usage" class="anchor"></a>Usage</h3>
<div class="sourceCode" id="cb2"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(hrbrthemes)</a>
<a class="sourceLine" id="cb2-2" data-line-number="2"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(gcookbook)</a>
<a class="sourceLine" id="cb2-3" data-line-number="3"><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/library">library</a></span>(tidyverse)</a>
<a class="sourceLine" id="cb2-4" data-line-number="4"></a>
<a class="sourceLine" id="cb2-5" data-line-number="5"><span class="co"># current verison</span></a>
<a class="sourceLine" id="cb2-6" data-line-number="6"><span class="kw"><a href="https://www.rdocumentation.org/packages/utils/topics/packageDescription">packageVersion</a></span>(<span class="st">"hrbrthemes"</span>)</a>
<a class="sourceLine" id="cb2-7" data-line-number="7"><span class="co">## [1] '0.6.0'</span></a></code></pre></div>
</div>
<div id="base-theme-arial-narrow" class="section level3">
<h3 class="hasAnchor">
<a href="#base-theme-arial-narrow" class="anchor"></a>Base theme (Arial Narrow)</h3>
<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="kw">ggplot</span>(mtcars, <span class="kw">aes</span>(mpg, wt)) <span class="op">+</span></a>
<a class="sourceLine" id="cb3-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_point</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb3-3" data-line-number="3"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb3-4" data-line-number="4"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 scatterplot example"</span>,</a>
<a class="sourceLine" id="cb3-5" data-line-number="5"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes"</span>,</a>
<a class="sourceLine" id="cb3-6" data-line-number="6"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb3-7" data-line-number="7"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum.html">theme_ipsum</a></span>()</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-5-1.png" width="700"></p>
</div>
<div id="roboto-condensed" class="section level3">
<h3 class="hasAnchor">
<a href="#roboto-condensed" class="anchor"></a>Roboto Condensed</h3>
<div class="sourceCode" id="cb4"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb4-1" data-line-number="1"><span class="kw">ggplot</span>(mtcars, <span class="kw">aes</span>(mpg, wt)) <span class="op">+</span></a>
<a class="sourceLine" id="cb4-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_point</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb4-3" data-line-number="3"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb4-4" data-line-number="4"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 scatterplot example"</span>,</a>
<a class="sourceLine" id="cb4-5" data-line-number="5"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes"</span>,</a>
<a class="sourceLine" id="cb4-6" data-line-number="6"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb4-7" data-line-number="7"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ipsum_rc</a></span>()</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-6-1.png" width="700"></p>
</div>
<div id="new-ft-theme" class="section level3">
<h3 class="hasAnchor">
<a href="#new-ft-theme" class="anchor"></a>New FT Theme!</h3>
<div class="sourceCode" id="cb5"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="kw">ggplot</span>(mtcars, <span class="kw">aes</span>(mpg, wt)) <span class="op">+</span></a>
<a class="sourceLine" id="cb5-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_point</span>(<span class="dt">color =</span> ft_cols<span class="op">$</span>yellow) <span class="op">+</span></a>
<a class="sourceLine" id="cb5-3" data-line-number="3"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb5-4" data-line-number="4"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 scatterplot example"</span>,</a>
<a class="sourceLine" id="cb5-5" data-line-number="5"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes"</span>,</a>
<a class="sourceLine" id="cb5-6" data-line-number="6"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb5-7" data-line-number="7"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ft_rc</a></span>()</a></code></pre></div>
<p><img src="README_figs/README-ft-1.png" width="700"></p>
</div>
<div id="ibm-plex-sans" class="section level3">
<h3 class="hasAnchor">
<a href="#ibm-plex-sans" class="anchor"></a>IBM Plex Sans</h3>
<div class="sourceCode" id="cb6"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb6-1" data-line-number="1"><span class="kw">ggplot</span>(mpg, <span class="kw">aes</span>(displ, hwy)) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_jitter</span>(<span class="kw">aes</span>(<span class="dt">color=</span>class, <span class="dt">fill=</span>class), <span class="dt">size=</span><span class="dv">3</span>, <span class="dt">shape=</span><span class="dv">21</span>, <span class="dt">alpha=</span><span class="dv">1</span><span class="op">/</span><span class="dv">2</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-3" data-line-number="3"><span class="st"> </span><span class="kw">scale_x_continuous</span>(<span class="dt">expand=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">0</span>), <span class="dt">limits=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">1</span>, <span class="dv">8</span>), <span class="dt">breaks=</span><span class="dv">1</span><span class="op">:</span><span class="dv">8</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-4" data-line-number="4"><span class="st"> </span><span class="kw">scale_y_continuous</span>(<span class="dt">expand=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">0</span>), <span class="dt">limits=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">10</span>, <span class="dv">50</span>)) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-5" data-line-number="5"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_color_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb6-6" data-line-number="6"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_fill_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb6-7" data-line-number="7"><span class="st"> </span><span class="kw">facet_wrap</span>(<span class="op">~</span>class, <span class="dt">scales=</span><span class="st">"free"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-8" data-line-number="8"><span class="st"> </span><span class="kw">labs</span>(</a>
<a class="sourceLine" id="cb6-9" data-line-number="9"> <span class="dt">title=</span><span class="st">"IBM Plex Sans Test"</span>,</a>
<a class="sourceLine" id="cb6-10" data-line-number="10"> <span class="dt">subtitle=</span><span class="st">"This is a subtitle to see the how it looks in IBM Plex Sans"</span>,</a>
<a class="sourceLine" id="cb6-11" data-line-number="11"> <span class="dt">caption=</span><span class="st">"Source: hrbrthemes &amp; IBM"</span></a>
<a class="sourceLine" id="cb6-12" data-line-number="12"> ) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-13" data-line-number="13"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_ps.html">theme_ipsum_ps</a></span>(<span class="dt">grid=</span><span class="st">"XY"</span>, <span class="dt">axis=</span><span class="st">"xy"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb6-14" data-line-number="14"><span class="st"> </span><span class="kw">theme</span>(<span class="dt">legend.position=</span><span class="st">"none"</span>) -&gt;<span class="st"> </span>gg</a>
<a class="sourceLine" id="cb6-15" data-line-number="15"></a>
<a class="sourceLine" id="cb6-16" data-line-number="16"><span class="kw"><a href="reference/flush_ticks.html">flush_ticks</a></span>(gg)</a>
<a class="sourceLine" id="cb6-17" data-line-number="17"><span class="co">## theme(axis.text.x=element_text(hjust=c(0, rep(0.5, 6), 1))) +</span></a>
<a class="sourceLine" id="cb6-18" data-line-number="18"><span class="co">## theme(axis.text.y=element_text(vjust=c(0, rep(0.5, 3), 1)))</span></a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-7-1.png" width="960"></p>
</div>
<div id="titillium-web" class="section level3">
<h3 class="hasAnchor">
<a href="#titillium-web" class="anchor"></a>Titillium Web</h3>
<div class="sourceCode" id="cb7"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb7-1" data-line-number="1"><span class="kw">ggplot</span>(mpg, <span class="kw">aes</span>(displ, hwy)) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_jitter</span>(<span class="kw">aes</span>(<span class="dt">color=</span>class, <span class="dt">fill=</span>class), <span class="dt">size=</span><span class="dv">3</span>, <span class="dt">shape=</span><span class="dv">21</span>, <span class="dt">alpha=</span><span class="dv">1</span><span class="op">/</span><span class="dv">2</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-3" data-line-number="3"><span class="st"> </span><span class="kw">scale_x_continuous</span>(<span class="dt">expand=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">0</span>), <span class="dt">limits=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">1</span>, <span class="dv">8</span>), <span class="dt">breaks=</span><span class="dv">1</span><span class="op">:</span><span class="dv">8</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-4" data-line-number="4"><span class="st"> </span><span class="kw">scale_y_continuous</span>(<span class="dt">expand=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">0</span>), <span class="dt">limits=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">10</span>, <span class="dv">50</span>)) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-5" data-line-number="5"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_color_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb7-6" data-line-number="6"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_fill_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb7-7" data-line-number="7"><span class="st"> </span><span class="kw">facet_wrap</span>(<span class="op">~</span>class, <span class="dt">scales=</span><span class="st">"free"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-8" data-line-number="8"><span class="st"> </span><span class="kw">labs</span>(</a>
<a class="sourceLine" id="cb7-9" data-line-number="9"> <span class="dt">title=</span><span class="st">"Titillium Web"</span>,</a>
<a class="sourceLine" id="cb7-10" data-line-number="10"> <span class="dt">subtitle=</span><span class="st">"This is a subtitle to see the how it looks in Titillium Web"</span>,</a>
<a class="sourceLine" id="cb7-11" data-line-number="11"> <span class="dt">caption=</span><span class="st">"Source: hrbrthemes &amp; Google"</span></a>
<a class="sourceLine" id="cb7-12" data-line-number="12"> ) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-13" data-line-number="13"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_tw.html">theme_ipsum_tw</a></span>(<span class="dt">grid=</span><span class="st">"XY"</span>, <span class="dt">axis=</span><span class="st">"xy"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb7-14" data-line-number="14"><span class="st"> </span><span class="kw">theme</span>(<span class="dt">legend.position=</span><span class="st">"none"</span>) -&gt;<span class="st"> </span>gg</a>
<a class="sourceLine" id="cb7-15" data-line-number="15"></a>
<a class="sourceLine" id="cb7-16" data-line-number="16"><span class="kw"><a href="reference/flush_ticks.html">flush_ticks</a></span>(gg)</a>
<a class="sourceLine" id="cb7-17" data-line-number="17"><span class="co">## theme(axis.text.x=element_text(hjust=c(0, rep(0.5, 6), 1))) +</span></a>
<a class="sourceLine" id="cb7-18" data-line-number="18"><span class="co">## theme(axis.text.y=element_text(vjust=c(0, rep(0.5, 3), 1)))</span></a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-8-1.png" width="960"></p>
</div>
<div id="scales-colorfill" class="section level3">
<h3 class="hasAnchor">
<a href="#scales-colorfill" class="anchor"></a>Scales (Color/Fill)</h3>
<div class="sourceCode" id="cb8"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb8-1" data-line-number="1"><span class="kw">ggplot</span>(mtcars, <span class="kw">aes</span>(mpg, wt)) <span class="op">+</span></a>
<a class="sourceLine" id="cb8-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_point</span>(<span class="kw">aes</span>(<span class="dt">color=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/factor">factor</a></span>(carb))) <span class="op">+</span></a>
<a class="sourceLine" id="cb8-3" data-line-number="3"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb8-4" data-line-number="4"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 scatterplot example"</span>,</a>
<a class="sourceLine" id="cb8-5" data-line-number="5"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes"</span>,</a>
<a class="sourceLine" id="cb8-6" data-line-number="6"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb8-7" data-line-number="7"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_color_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb8-8" data-line-number="8"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ipsum_rc</a></span>()</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-9-1.png" width="700"></p>
</div>
<div id="scales-axis" class="section level3">
<h3 class="hasAnchor">
<a href="#scales-axis" class="anchor"></a>Scales (Axis)</h3>
<div class="sourceCode" id="cb9"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="kw">count</span>(mpg, class) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb9-2" data-line-number="2"><span class="st"> </span><span class="kw">mutate</span>(<span class="dt">pct=</span>n<span class="op">/</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/sum">sum</a></span>(n)) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb9-3" data-line-number="3"><span class="st"> </span><span class="kw">ggplot</span>(<span class="kw">aes</span>(class, pct)) <span class="op">+</span></a>
<a class="sourceLine" id="cb9-4" data-line-number="4"><span class="st"> </span><span class="kw">geom_col</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb9-5" data-line-number="5"><span class="st"> </span><span class="kw"><a href="reference/scale_x_percent.html">scale_y_percent</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb9-6" data-line-number="6"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb9-7" data-line-number="7"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 column chart example with percents"</span>,</a>
<a class="sourceLine" id="cb9-8" data-line-number="8"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes"</span>,</a>
<a class="sourceLine" id="cb9-9" data-line-number="9"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb9-10" data-line-number="10"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum.html">theme_ipsum</a></span>(<span class="dt">grid=</span><span class="st">"Y"</span>)</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-10-1.png" width="700"></p>
<div class="sourceCode" id="cb10"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="kw">ggplot</span>(uspopage, <span class="kw">aes</span>(<span class="dt">x=</span>Year, <span class="dt">y=</span>Thousands, <span class="dt">fill=</span>AgeGroup)) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb10-2" data-line-number="2"><span class="st"> </span><span class="kw">geom_area</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb10-3" data-line-number="3"><span class="st"> </span><span class="kw"><a href="reference/scale_ipsum.html">scale_fill_ipsum</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb10-4" data-line-number="4"><span class="st"> </span><span class="kw">scale_x_continuous</span>(<span class="dt">expand=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">0</span>)) <span class="op">+</span></a>
<a class="sourceLine" id="cb10-5" data-line-number="5"><span class="st"> </span><span class="kw"><a href="reference/scale_x_percent.html">scale_y_comma</a></span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb10-6" data-line-number="6"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">title=</span><span class="st">"Age distribution of population in the U.S., 1900-2002"</span>,</a>
<a class="sourceLine" id="cb10-7" data-line-number="7"> <span class="dt">subtitle=</span><span class="st">"Example data from the R Graphics Cookbook"</span>,</a>
<a class="sourceLine" id="cb10-8" data-line-number="8"> <span class="dt">caption=</span><span class="st">"Source: R Graphics Cookbook"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb10-9" data-line-number="9"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ipsum_rc</a></span>(<span class="dt">grid=</span><span class="st">"XY"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb10-10" data-line-number="10"><span class="st"> </span><span class="kw">theme</span>(<span class="dt">axis.text.x=</span><span class="kw">element_text</span>(<span class="dt">hjust=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>, <span class="fl">0.5</span>, <span class="fl">0.5</span>, <span class="fl">0.5</span>, <span class="dv">1</span>))) <span class="op">+</span></a>
<a class="sourceLine" id="cb10-11" data-line-number="11"><span class="st"> </span><span class="kw">theme</span>(<span class="dt">legend.position=</span><span class="st">"bottom"</span>)</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-11-1.png" width="700"></p>
<div class="sourceCode" id="cb11"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb11-1" data-line-number="1"><span class="kw"><a href="reference/update_geom_font_defaults.html">update_geom_font_defaults</a></span>(font_rc_light)</a>
<a class="sourceLine" id="cb11-2" data-line-number="2"></a>
<a class="sourceLine" id="cb11-3" data-line-number="3"><span class="kw">count</span>(mpg, class) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb11-4" data-line-number="4"><span class="st"> </span><span class="kw">mutate</span>(<span class="dt">n=</span>n<span class="op">*</span><span class="dv">2000</span>) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb11-5" data-line-number="5"><span class="st"> </span><span class="kw">arrange</span>(n) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb11-6" data-line-number="6"><span class="st"> </span><span class="kw">mutate</span>(<span class="dt">class=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/factor">factor</a></span>(class, <span class="dt">levels=</span>class)) <span class="op">%&gt;%</span><span class="st"> </span></a>
<a class="sourceLine" id="cb11-7" data-line-number="7"><span class="st"> </span><span class="kw">ggplot</span>(<span class="kw">aes</span>(class, n)) <span class="op">+</span></a>
<a class="sourceLine" id="cb11-8" data-line-number="8"><span class="st"> </span><span class="kw">geom_col</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb11-9" data-line-number="9"><span class="st"> </span><span class="kw">geom_text</span>(<span class="kw">aes</span>(<span class="dt">label=</span>scales<span class="op">::</span><span class="kw"><a href="https://www.rdocumentation.org/packages/scales/topics/number_format">comma</a></span>(n)), <span class="dt">hjust=</span><span class="dv">0</span>, <span class="dt">nudge_y=</span><span class="dv">2000</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb11-10" data-line-number="10"><span class="st"> </span><span class="kw"><a href="reference/scale_x_percent.html">scale_y_comma</a></span>(<span class="dt">limits=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">0</span>,<span class="dv">150000</span>)) <span class="op">+</span></a>
<a class="sourceLine" id="cb11-11" data-line-number="11"><span class="st"> </span><span class="kw">coord_flip</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb11-12" data-line-number="12"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"Fuel efficiency (mpg)"</span>, <span class="dt">y=</span><span class="st">"Weight (tons)"</span>,</a>
<a class="sourceLine" id="cb11-13" data-line-number="13"> <span class="dt">title=</span><span class="st">"Seminal ggplot2 column chart example with commas"</span>,</a>
<a class="sourceLine" id="cb11-14" data-line-number="14"> <span class="dt">subtitle=</span><span class="st">"A plot that is only useful for demonstration purposes, esp since you'd never</span><span class="ch">\n</span><span class="st">really want direct labels and axis labels"</span>,</a>
<a class="sourceLine" id="cb11-15" data-line-number="15"> <span class="dt">caption=</span><span class="st">"Brought to you by the letter 'g'"</span>) <span class="op">+</span><span class="st"> </span></a>
<a class="sourceLine" id="cb11-16" data-line-number="16"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ipsum_rc</a></span>(<span class="dt">grid=</span><span class="st">"X"</span>)</a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-12-1.png" width="700"></p>
</div>
<div id="spellcheck-ggplot2-labels" class="section level3">
<h3 class="hasAnchor">
<a href="#spellcheck-ggplot2-labels" class="anchor"></a>Spellcheck ggplot2 labels</h3>
<div class="sourceCode" id="cb12"><pre class="sourceCode r"><code class="sourceCode r"><a class="sourceLine" id="cb12-1" data-line-number="1">df &lt;-<span class="st"> </span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/data.frame">data.frame</a></span>(<span class="dt">x=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">20</span>, <span class="dv">25</span>, <span class="dv">30</span>), <span class="dt">y=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="dv">4</span>, <span class="dv">4</span>, <span class="dv">4</span>), <span class="dt">txt=</span><span class="kw"><a href="https://www.rdocumentation.org/packages/base/topics/c">c</a></span>(<span class="st">"One"</span>, <span class="st">"Two"</span>, <span class="st">"Three"</span>))</a>
<a class="sourceLine" id="cb12-2" data-line-number="2"></a>
<a class="sourceLine" id="cb12-3" data-line-number="3"><span class="kw">ggplot</span>(mtcars, <span class="kw">aes</span>(mpg, wt)) <span class="op">+</span></a>
<a class="sourceLine" id="cb12-4" data-line-number="4"><span class="st"> </span><span class="kw">geom_point</span>() <span class="op">+</span></a>
<a class="sourceLine" id="cb12-5" data-line-number="5"><span class="st"> </span><span class="kw">labs</span>(<span class="dt">x=</span><span class="st">"This is some txt"</span>, <span class="dt">y=</span><span class="st">"This is more text"</span>,</a>
<a class="sourceLine" id="cb12-6" data-line-number="6"> <span class="dt">title=</span><span class="st">"Thisy is a titlle"</span>,</a>
<a class="sourceLine" id="cb12-7" data-line-number="7"> <span class="dt">subtitle=</span><span class="st">"This is a subtitley"</span>,</a>
<a class="sourceLine" id="cb12-8" data-line-number="8"> <span class="dt">caption=</span><span class="st">"This is a captien"</span>) <span class="op">+</span></a>
<a class="sourceLine" id="cb12-9" data-line-number="9"><span class="st"> </span><span class="kw"><a href="reference/theme_ipsum_rc.html">theme_ipsum_rc</a></span>(<span class="dt">grid=</span><span class="st">"XY"</span>) -&gt;<span class="st"> </span>gg</a>
<a class="sourceLine" id="cb12-10" data-line-number="10"></a>
<a class="sourceLine" id="cb12-11" data-line-number="11"><span class="kw"><a href="reference/gg_check.html">gg_check</a></span>(gg)</a>
<a class="sourceLine" id="cb12-12" data-line-number="12"><span class="co">## Possible misspelled words in [title]: (Thisy, titlle)</span></a>
<a class="sourceLine" id="cb12-13" data-line-number="13"><span class="co">## Possible misspelled words in [subtitle]: (subtitley)</span></a>
<a class="sourceLine" id="cb12-14" data-line-number="14"><span class="co">## Possible misspelled words in [caption]: (captien)</span></a></code></pre></div>
<p><img src="README_figs/README-unnamed-chunk-13-1.png" width="700"></p>
</div>
<div id="hrbrthemes-metrics" class="section level3">
<h3 class="hasAnchor">
<a href="#hrbrthemes-metrics" class="anchor"></a>hrbrthemes Metrics</h3>
<table class="table table">
<thead><tr class="header">
<th align="left">Lang</th>
<th align="right"># Files</th>
<th align="right">(%)</th>
<th align="right">LoC</th>
<th align="right">(%)</th>
<th align="right">Blank lines</th>
<th align="right">(%)</th>
<th align="right"># Lines</th>
<th align="right">(%)</th>
</tr></thead>
<tbody>
<tr class="odd">
<td align="left">R</td>
<td align="right">20</td>
<td align="right">0.91</td>
<td align="right">1082</td>
<td align="right">0.9</td>
<td align="right">211</td>
<td align="right">0.68</td>
<td align="right">583</td>
<td align="right">0.78</td>
</tr>
<tr class="even">
<td align="left">Rmd</td>
<td align="right">2</td>
<td align="right">0.09</td>
<td align="right">124</td>
<td align="right">0.1</td>
<td align="right">99</td>
<td align="right">0.32</td>
<td align="right">162</td>
<td align="right">0.22</td>
</tr>
</tbody>
</table>
</div>
<div id="code-of-conduct" class="section level3">
<h3 class="hasAnchor">
<a href="#code-of-conduct" class="anchor"></a>Code of Conduct</h3>
<p>Please note that this project is released with a <a href="CONDUCT.html">Contributor Code of Conduct</a>. By participating in this project you agree to abide by its terms.</p>
</div>
</div>
</div>
<div class="col-md-3" id="sidebar">
<div class="links">
<h2>Links</h2>
<ul class="list-unstyled">
<li>Download from CRAN at <br><a href="https://cloud.r-project.org/package=hrbrthemes">https://​cloud.r-project.org/​package=hrbrthemes</a>
</li>
<li>Browse source code at <br><a href="https://github.com/hrbrmstr/hrbrthemes">https://​github.com/​hrbrmstr/​hrbrthemes</a>
</li>
<li>Report a bug at <br><a href="https://github.com/hrbrmstr/hrbrthemes/issues">https://​github.com/​hrbrmstr/​hrbrthemes/​issues</a>
</li>
</ul>
</div>
<div class="license">
<h2>License</h2>
<ul class="list-unstyled">
<li>
<a href="https://opensource.org/licenses/mit-license.php">MIT</a> + file <a href="LICENSE-text.html">LICENSE</a>
</li>
</ul>
</div>
<div class="developers">
<h2>Developers</h2>
<ul class="list-unstyled">
<li>Bob Rudis <br><small class="roles"> Author, maintainer </small> <a href="https://orcid.org/0000-0001-5670-2640" target="orcid.widget"><img src="https://members.orcid.org/sites/default/files/vector_iD_icon.svg" class="orcid" alt="ORCID" height="16"></a> </li>
<li><a href="authors.html">All authors...</a></li>
</ul>
</div>
</div>
</div>
<footer><div class="copyright">
<p>Developed by Bob Rudis.</p>
</div>
<div class="pkgdown">
<p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.2.0.</p>
</div>
</footer>
</div>
</body>
</html>