<!-- Generated by pkgdown: do not edit by hand -->
<!DOCTYPE html>
<html lang="en">
  <head>
  <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>Richtext labels — geom_richtext • ggtext</title>


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

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

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

<!-- bootstrap-toc -->
<link rel="stylesheet" href="../bootstrap-toc.css">
<script src="../bootstrap-toc.js"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
<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" />

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

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

<!-- pkgdown -->
<link href="../pkgdown.css" rel="stylesheet">
<script src="../pkgdown.js"></script>




<meta property="og:title" content="Richtext labels — geom_richtext" />
<meta property="og:description" content="This geom draws text labels similar to ggplot2::geom_label(), but formatted
using basic markdown/html. Parameter and aesthetic names follow the conventions
of ggplot2::geom_label(), and therefore the appearance of the frame around
the label is controlled with label.colour, label.padding, label.margin,
label.size, label.r, even though the same parameters are called box.colour,
box.padding, box.margin, box.size, and box.r in geom_textbox(). Most
styling parameters can be used as aesthetics and can be applied separately to
each text label drawn. The exception is styling parameters that are specified
as grid units (e.g., label.padding or label.r), which can only be specified
for all text labels at once. See examples for details." />




<!-- 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 data-spy="scroll" data-target="#toc">
    <div class="container template-reference-topic">
      <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">ggtext</a>
        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.1.1</span>
      </span>
    </div>

    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="../index.html">
    <span class="fas fa fas 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/plotting_text.html">Plotting with markdown text</a>
    </li>
    <li>
      <a href="../articles/theme_elements.html">Markdown theme elements</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/wilkelab/ggtext/">
    <span class="fab fa fab fa-github fa-lg"></span>
     
  </a>
</li>
      </ul>
      
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
</div><!--/.navbar -->

      

      </header>

<div class="row">
  <div class="col-md-9 contents">
    <div class="page-header">
    <h1>Richtext labels</h1>
    <small class="dont-index">Source: <a href='https://github.com/wilkelab/ggtext/blob/master/R/geom-richtext.R'><code>R/geom-richtext.R</code></a>, <a href='https://github.com/wilkelab/ggtext/blob/master/R/geom-textbox.R'><code>R/geom-textbox.R</code></a></small>
    <div class="hidden name"><code>geom_richtext.Rd</code></div>
    </div>

    <div class="ref-description">
    <p>This geom draws text labels similar to <code><a href='https://ggplot2.tidyverse.org/reference/geom_text.html'>ggplot2::geom_label()</a></code>, but formatted
using basic markdown/html. Parameter and aesthetic names follow the conventions
of <code><a href='https://ggplot2.tidyverse.org/reference/geom_text.html'>ggplot2::geom_label()</a></code>, and therefore the appearance of the frame around
the label is controlled with <code>label.colour</code>, <code>label.padding</code>, <code>label.margin</code>,
<code>label.size</code>, <code>label.r</code>, even though the same parameters are called <code>box.colour</code>,
<code>box.padding</code>, <code>box.margin</code>, <code>box.size</code>, and <code>box.r</code> in <code><a href='geom_textbox.html'>geom_textbox()</a></code>. Most
styling parameters can be used as aesthetics and can be applied separately to
each text label drawn. The exception is styling parameters that are specified
as grid units (e.g., <code>label.padding</code> or <code>label.r</code>), which can only be specified
for all text labels at once. See examples for details.</p>
    </div>

    <pre class="usage"><span class='fu'>geom_richtext</span>(
  mapping = <span class='kw'>NULL</span>,
  data = <span class='kw'>NULL</span>,
  stat = <span class='st'>"identity"</span>,
  position = <span class='st'>"identity"</span>,
  <span class='kw'>...</span>,
  nudge_x = <span class='fl'>0</span>,
  nudge_y = <span class='fl'>0</span>,
  label.padding = <span class='fu'><a href='https://rdrr.io/r/grid/unit.html'>unit</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0.25</span>, <span class='fl'>0.25</span>, <span class='fl'>0.25</span>, <span class='fl'>0.25</span>), <span class='st'>"lines"</span>),
  label.margin = <span class='fu'><a href='https://rdrr.io/r/grid/unit.html'>unit</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0</span>, <span class='fl'>0</span>, <span class='fl'>0</span>, <span class='fl'>0</span>), <span class='st'>"lines"</span>),
  label.r = <span class='fu'><a href='https://rdrr.io/r/grid/unit.html'>unit</a></span>(<span class='fl'>0.15</span>, <span class='st'>"lines"</span>),
  na.rm = <span class='fl'>FALSE</span>,
  show.legend = <span class='fl'>NA</span>,
  inherit.aes = <span class='fl'>TRUE</span>
)</pre>

    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
    <table class="ref-arguments">
    <colgroup><col class="name" /><col class="desc" /></colgroup>
    <tr>
      <th>mapping</th>
      <td><p>Set of aesthetic mappings created by <code><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes()</a></code> or
<code><a href='https://ggplot2.tidyverse.org/reference/aes_.html'>aes_()</a></code>. If specified and <code>inherit.aes = TRUE</code> (the
default), it is combined with the default mapping at the top level of the
plot. You must supply <code>mapping</code> if there is no plot mapping.</p></td>
    </tr>
    <tr>
      <th>data</th>
      <td><p>The data to be displayed in this layer. There are three
options:</p>
<p>If <code>NULL</code>, the default, the data is inherited from the plot
data as specified in the call to <code><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot()</a></code>.</p>
<p>A <code>data.frame</code>, or other object, will override the plot
data. All objects will be fortified to produce a data frame. See
<code><a href='https://ggplot2.tidyverse.org/reference/fortify.html'>fortify()</a></code> for which variables will be created.</p>
<p>A <code>function</code> will be called with a single argument,
the plot data. The return value must be a <code>data.frame</code>, and
will be used as the layer data. A <code>function</code> can be created
from a <code>formula</code> (e.g. <code>~ head(.x, 10)</code>).</p></td>
    </tr>
    <tr>
      <th>stat</th>
      <td><p>The statistical transformation to use on the data for this
layer, as a string.</p></td>
    </tr>
    <tr>
      <th>position</th>
      <td><p>Position adjustment, either as a string, or the result of
a call to a position adjustment function. Cannot be jointy specified with
<code>nudge_x</code> or <code>nudge_y</code>.</p></td>
    </tr>
    <tr>
      <th>...</th>
      <td><p>Other arguments passed on to <code><a href='https://ggplot2.tidyverse.org/reference/layer.html'>layer()</a></code>. These are
often aesthetics, used to set an aesthetic to a fixed value, like
<code>colour = "red"</code> or <code>size = 3</code>. They may also be parameters
to the paired geom/stat.</p></td>
    </tr>
    <tr>
      <th>nudge_x</th>
      <td><p>Horizontal and vertical adjustment to nudge labels by.
Useful for offsetting text from points, particularly on discrete scales.
Cannot be jointly specified with <code>position</code>.</p></td>
    </tr>
    <tr>
      <th>nudge_y</th>
      <td><p>Horizontal and vertical adjustment to nudge labels by.
Useful for offsetting text from points, particularly on discrete scales.
Cannot be jointly specified with <code>position</code>.</p></td>
    </tr>
    <tr>
      <th>label.padding</th>
      <td><p>Amount of padding around label. Defaults to 0.25 lines.</p></td>
    </tr>
    <tr>
      <th>label.margin</th>
      <td><p>Unit vector of length four specifying the margin
outside the text label.</p></td>
    </tr>
    <tr>
      <th>label.r</th>
      <td><p>Radius of rounded corners. Defaults to 0.15 lines.</p></td>
    </tr>
    <tr>
      <th>na.rm</th>
      <td><p>If <code>FALSE</code>, the default, missing values are removed with
a warning. If <code>TRUE</code>, missing values are silently removed.</p></td>
    </tr>
    <tr>
      <th>show.legend</th>
      <td><p>logical. Should this layer be included in the legends?
<code>NA</code>, the default, includes if any aesthetics are mapped.
<code>FALSE</code> never includes, and <code>TRUE</code> always includes.
It can also be a named logical vector to finely select the aesthetics to
display.</p></td>
    </tr>
    <tr>
      <th>inherit.aes</th>
      <td><p>If <code>FALSE</code>, overrides the default aesthetics,
rather than combining with them. This is most useful for helper functions
that define both data and aesthetics and shouldn't inherit behaviour from
the default plot specification, e.g. <code><a href='https://ggplot2.tidyverse.org/reference/borders.html'>borders()</a></code>.</p></td>
    </tr>
    </table>

    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>

    <p>A ggplot2 layer that can be added to a plot created with
<code><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot2::ggplot()</a></code>.</p>
    <h2 class="hasAnchor" id="aesthetics"><a class="anchor" href="#aesthetics"></a>Aesthetics</h2>

    


<p><code>geom_richtext()</code> understands the following aesthetics (required
aesthetics are in bold; select aesthetics are annotated):</p><ul>
<li><p><strong><code>x</code></strong></p></li>
<li><p><strong><code>y</code></strong></p></li>
<li><p><strong><code>label</code></strong></p></li>
<li><p><code>alpha</code></p></li>
<li><p><code>angle</code></p></li>
<li><p><code>colour</code> Default color of label text and label outline.</p></li>
<li><p><code>family</code></p></li>
<li><p><code>fontface</code></p></li>
<li><p><code>fill</code> Default fill color of label background.</p></li>
<li><p><code>group</code></p></li>
<li><p><code>hjust</code></p></li>
<li><p><code>label.colour</code> Color of label outline. Overrides <code>colour</code>.</p></li>
<li><p><code>label.size</code> Width of label outline.</p></li>
<li><p><code>lineheight</code></p></li>
<li><p><code>size</code> Default font size of label text.</p></li>
<li><p><code>text.colour</code> Color of label text. Overrides <code>colour</code>.</p></li>
<li><p><code>vjust</code></p></li>
</ul>

    <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>

    <div class='dont-index'><p><code><a href='geom_textbox.html'>geom_textbox()</a></code>, <code><a href='element_markdown.html'>element_markdown()</a></code></p></div>

    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
    <pre class="examples"><div class='input'><span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='kw'><a href='http://ggplot2.tidyverse.org'>ggplot2</a></span>)

<span class='kw'>df</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span>(
  label = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(
    <span class='st'>"Some text **in bold.**"</span>,
    <span class='st'>"Linebreaks&lt;br&gt;Linebreaks&lt;br&gt;Linebreaks"</span>,
    <span class='st'>"*x*&lt;sup&gt;2&lt;/sup&gt; + 5*x* + *C*&lt;sub&gt;*i*&lt;/sub&gt;"</span>,
    <span class='st'>"Some &lt;span style='color:blue'&gt;blue text **in bold.**&lt;/span&gt;&lt;br&gt;And *italics text.*&lt;br&gt;
      And some &lt;span style='font-size:18pt; color:black'&gt;large&lt;/span&gt; text."</span>
  ),
  x = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>.2</span>, <span class='fl'>.1</span>, <span class='fl'>.5</span>, <span class='fl'>.9</span>),
  y = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>.8</span>, <span class='fl'>.4</span>, <span class='fl'>.1</span>, <span class='fl'>.5</span>),
  hjust = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0.5</span>, <span class='fl'>0</span>, <span class='fl'>0</span>, <span class='fl'>1</span>),
  vjust = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0.5</span>, <span class='fl'>1</span>, <span class='fl'>0</span>, <span class='fl'>0.5</span>),
  angle = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='fl'>0</span>, <span class='fl'>0</span>, <span class='fl'>45</span>, <span class='op'>-</span><span class='fl'>45</span>),
  color = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"black"</span>, <span class='st'>"blue"</span>, <span class='st'>"black"</span>, <span class='st'>"red"</span>),
  fill = <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"cornsilk"</span>, <span class='st'>"white"</span>, <span class='st'>"lightblue1"</span>, <span class='st'>"white"</span>)
)

<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='kw'>df</span>) <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(
    <span class='kw'>x</span>, <span class='kw'>y</span>, label = <span class='kw'>label</span>, angle = <span class='kw'>angle</span>, color = <span class='kw'>color</span>, fill = <span class='kw'>fill</span>,
    hjust = <span class='kw'>hjust</span>, vjust = <span class='kw'>vjust</span>
  ) <span class='op'>+</span>
  <span class='fu'>geom_richtext</span>() <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(color = <span class='st'>"black"</span>, size = <span class='fl'>2</span>) <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/scale_identity.html'>scale_color_identity</a></span>() <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/scale_identity.html'>scale_fill_identity</a></span>() <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/lims.html'>xlim</a></span>(<span class='fl'>0</span>, <span class='fl'>1</span>) <span class='op'>+</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/lims.html'>ylim</a></span>(<span class='fl'>0</span>, <span class='fl'>1</span>)
</div><div class='img'><img src='geom_richtext-1.png' alt='' width='700' height='433' /></div><div class='input'>  
<span class='co'># labels without frame or background are also possible</span>
<span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span>(<span class='kw'>df</span>) <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span>(
    <span class='kw'>x</span>, <span class='kw'>y</span>, label = <span class='kw'>label</span>, angle = <span class='kw'>angle</span>, color = <span class='kw'>color</span>,
    hjust = <span class='kw'>hjust</span>, vjust = <span class='kw'>vjust</span>
  ) <span class='op'>+</span>
  <span class='fu'>geom_richtext</span>(
    fill = <span class='fl'>NA</span>, label.color = <span class='fl'>NA</span>, <span class='co'># remove background and outline</span>
    label.padding = <span class='kw'>grid</span>::<span class='fu'><a href='https://rdrr.io/r/grid/unit.html'>unit</a></span>(<span class='fu'><a href='https://rdrr.io/r/base/rep.html'>rep</a></span>(<span class='fl'>0</span>, <span class='fl'>4</span>), <span class='st'>"pt"</span>) <span class='co'># remove padding</span>
  ) <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span>(color = <span class='st'>"black"</span>, size = <span class='fl'>2</span>) <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/scale_identity.html'>scale_color_identity</a></span>() <span class='op'>+</span>
  <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/lims.html'>xlim</a></span>(<span class='fl'>0</span>, <span class='fl'>1</span>) <span class='op'>+</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/lims.html'>ylim</a></span>(<span class='fl'>0</span>, <span class='fl'>1</span>)
</div><div class='img'><img src='geom_richtext-2.png' alt='' width='700' height='433' /></div></pre>
  </div>
  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
    <nav id="toc" data-toggle="toc" class="sticky-top">
      <h2 data-toc-skip>Contents</h2>
    </nav>
  </div>
</div>


      <footer>
      <div class="copyright">
  <p>Developed by Claus O. Wilke.</p>
</div>

<div class="pkgdown">
  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.0.</p>
</div>

      </footer>
   </div>

  


  </body>
</html>


