<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="generator" content="pandoc" />

<title>ggplot2 extensions</title>

<script src="libs/jquery-1.11.0/jquery.min.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1" />

<link href="libs/bootstrap-3.3.1/css/cosmo.min.css" rel="stylesheet" />

<script src="libs/bootstrap-3.3.1/js/bootstrap.min.js"></script>

<script src="libs/bootstrap-3.3.1/shim/html5shiv.min.js"></script>

<script src="libs/bootstrap-3.3.1/shim/respond.min.js"></script>

<!-- Styles for this site -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="css/styles.css" rel="stylesheet">

<!-- Polyfill JS -->

<script src="js/polyfill.js"></script>

<style type="text/css">code{white-space: pre;}</style>

<link rel="stylesheet"

href="libs/highlight/textmate.css"

type="text/css" />

<script src="libs/highlight/highlight.js"></script>

<style type="text/css">

pre:not([class]) {

background-color: white;

}

</style>

<script type="text/javascript">

if (window.hljs && document.readyState && document.readyState === "complete") {

window.setTimeout(function() {

hljs.initHighlighting();

}, 0);

}

</script>

</head>

<body>

<style type = "text/css">

.main-container {

max-width: 940px;

margin-left: auto;

margin-right: auto;

}

code {

color: inherit;

background-color: rgba(0, 0, 0, 0.04);

}

img {

max-width:100%;

height: auto;

}

</style>

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

<!--html_preserve-->

<div class="header">

<nav class="navbar">

<h3 class="navbar-left"><strong>ggplot2</strong> extensions</h3>

<ul class="nav nav-pills navbar-right">

<li role="presentation" id="nav-home"><a href="index.html">Home</a></li>

<li role="presentation" id="nav-showcase"><a href="ggiraph.html">Extensions</a></li>

<li role="presentation" id="nav-github"><a href="https://github.com/ggplot2-exts/ggplot2-exts.github.io">GitHub</a></li>

</ul>

</nav>

</div>

<!--/html_preserve-->

<div id="header">

<h1 class="title">ggplot2 extensions</h1>

</div>

<p>

</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-ggtech.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="ggtech.html"><img src="images/carousel-ggtech.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>

</p>

</div> <!-- page-body -->

<footer>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div class="text-muted">

Design inspired by <a href="http://www.htmlwidgets.org/index.html" target="_blank">Ramnath Vaidyanathan, Kenton Russell, and RStudio, Inc</a>.

</div>

<div class="text-muted">

Maintained by <a href="http://www.danielemaasit.com" target="_blank">Daniel Emaasit</a>.

</div>

<div class="text-muted">

Copyright &copy; 2016 The R Community.

</div>

</footer>

<script>

// manage active state of headres and navigation based on current page

$(document).ready(function () {

// compute name of page

href = window.location.pathname;

href = href.substr(href.lastIndexOf('/') + 1);

if (href == "")

href = "index.html";

// main navigation and headers

if (href.startsWith("index")) {

$('#nav-home').addClass('active');

$('.title').addClass('hidden');

} else if (href.startsWith("showcase")) {

$('#nav-showcase').addClass('active');

$("#page-body").detach().appendTo('#showcase-body');

$('.showcase-header').removeClass('hidden');

$('.title').addClass('hidden');

} else if (href.startsWith("develop")) {

$('#nav-develop').addClass('active');

}

// submenu navigation (used by showcase and develop)

$('.list-group a[href="' + href + '"]').addClass('active');

});

</script>

</div>

<script>

// add bootstrap table styles to pandoc tables

$(document).ready(function () {

$('tr.header').parent('thead').parent('table').addClass('table table-condensed');

});

</script>

</body>

</html>