index.Rmd

---
title: "ggplot2 extensions"
---

<!--html_preserve-->

</div> <!--page-body-->
</div> <!--container-fluid main-container-->

<style type="text/css">
  .jumbotron {
    margin-top: 0;
  }
  .benefits {
    z-index: 1;
  }
  .benefits h4 {
    font-weight: 600;
    font-size: 22px;
  }
  .benefits ul {
    padding-left: 0;
    list-style: none outside none;
    margin-bottom: 24px;
    font-weight: 200;
    font-size: 18px;
  }
  .benefits li {
    margin-bottom: 12px;
  }
  .benefits li strong {
    font-weight: 400;
  }

  img.main-screenshot {
    position: relative;
    width: 100%;
  }
  #widget-carousel {
    box-shadow: 0 10px 30px 6px #BBB;
  }

  .showcase-teaser img {
    width: 100%;
    border: 1px solid #CCC;
    margin-bottom: 16px;
  }
  .below-lead h3 {
    margin-top: 24pt;
  }
  .below-lead h3:first-child {
    margin-top: 0;
  }
  .below-lead p {
    font-size: 14pt;
    font-weight: 200;
  }

  .pagination {
    display: table;
    margin: 0 auto;
    z-index: 1;
  }
  .pagination>li>a {
    display: inline-block;
    color: #333 !important;
    padding: 2px 0;
    margin-left: 12px !important;
    margin-right: 12px !important;
    background-color: transparent !important;
    border-color: transparent !important;
    text-shadow: 1px 1px 3px rgba(140, 140, 140, 0.2);
  }
  .pagination>li>a .bullet {
    display: block;
    width: 100%;
    text-align: center;
    visibility: hidden;
    color: #676767;
  }
  .pagination>li.active>a .bullet {
    visibility: visible;
  }
</style>
<script>
$(document).on("slide.bs.carousel", "#widget-carousel", function(e) {
  $(".pagination li.active").removeClass("active");
  var i = +$(e.relatedTarget).data("slide");
  $($(".pagination li")[i]).addClass("active");
});
</script>

<div class="jumbotron">
  <div class="container-fluid main-container">
    <div class="row">

      <div class="col-sm-5 benefits">
        <div class="hidden-xs">&nbsp;</div>
        <h4>A List of ggplot2 extensions</h4>
        <ul>
          <li>This site tracks and lists <strong>ggplot2</strong> extensions developed by R users in the community.</li>
          <li>The aim is to make it easy for R users to find developed extensions.</li>
        </ul>
      </div>

      <div class="col-sm-7">
        <div id="widget-carousel" class="carousel slide" data-ride="carousel" data-pause="">
          <!-- Indicators -->
          <ol class="carousel-indicators hide">
            <li data-target="#widget-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#widget-carousel" data-slide-to="1"></li>
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item active" data-slide="0">
              <img class="main-screenshot" src="images/carousel-ggiraph.png">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item" data-slide="1">
              <img src="images/carousel-ggstance.png">
              <div class="carousel-caption">
              </div>
            </div>
          </div>

          <!-- Controls -->
          <!--
          <a class="left carousel-control" href="#widget-carousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#widget-carousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
          -->
        </div>

        <ul class="pagination pagination-sm">
          <li class="active"><a href="javascript:void" data-target="#widget-carousel" data-slide-to="0"><span class="bullet">&#x25bc;</span>New Geoms</a></li>
          <li><a href="javascript:void" data-target="#widget-carousel" data-slide-to="1"><span class="bullet">&#x25bc;</span>New Stats</a></li>

      </div>


    </div> <!-- row -->
  </div> <!-- container-fluid main-container -->
</div> <!-- jumbotron -->

<div class="container-fluid main-container below-lead">
  <h3>See the Extensions</h3>
  <div class="row">
    <div class="col-sm-9">
      <div class="row showcase-teaser">
        <div class="col-xs-6 col-sm-3">
          <a href="ggiraph.html"><img src="images/carousel-ggiraph.png"/></a>
        </div>
        <div class="col-xs-6 col-sm-3">
          <a href="ggstance.html"><img src="images/carousel-ggstance.png"/></a>
        </div>
        <div class="col-xs-6 col-sm-3">
          <a href="ggalt.html"><img src="images/carousel-ggalt.png"/></a>
        </div>
        <div class="col-xs-6 col-sm-3">
          <a href="ggforce.html"><img src="images/carousel-ggforce.png"/></a>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-9">
      <p>Go to the <a href="ggiraph.html">Extensions</a> page to see a list of ggplot2 extensions.</p>
    </div>
    <div class="col-sm-3">
      <p><a class="btn btn-primary" href="ggiraph.html" role="button">See the Extensions &raquo;</a></p>
    </div>
  </div>
  <hr/>
  <h3>Submit your extension</h3>
  <div class="row">
    <div class="col-sm-9">
      <p>Submit your ggplot2 extensions so that other R users can easily find them. To do so, simply create an issue or a pull request on the <a href="https://github.com/ggplot2-exts/ggplot2-exts.github.io/tree/dev" target="_blank">github</a> repo.</p>
    </div>
    <div class="col-sm-3">
      <p><a class="btn btn-primary" href="https://github.com/ggplot2-exts/ggplot2-exts.github.io/tree/dev" target="_blank" role="button">Submit your Extension &raquo;</a></p>
    </div>
  </div>
</div>

<!--/html_preserve-->