    </div>

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

            <section class="normal" id="section-">
<div id="widgets-realistic" class="section level1">
<h1><span class="header-section-number">Chapter 6</span> A Realistic Widget</h1>
<p>In this section, we build a package called <code>peity</code>, which wraps the JavaScript library of the same name, <a href="https://github.com/benpickles/peity">peity.js</a>, to create inline charts. This builds upo