|
7 | 7 | <meta charset="utf-8">
|
8 | 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
9 | 9 | <meta name="generator" content="pandoc" />
|
| 10 | +<meta name="viewport" content="width=device-width, initial-scale=1"> |
10 | 11 |
|
11 | 12 |
|
12 | 13 |
|
13 | 14 | <title>ggplot2 extensions: ggtech</title>
|
14 | 15 |
|
15 |
| -<script src="libs/jquery-1.11.0/jquery.min.js"></script> |
| 16 | +<script src="libs/jquery-1.11.3/jquery.min.js"></script> |
16 | 17 | <meta name="viewport" content="width=device-width, initial-scale=1" />
|
17 |
| -<link href="libs/bootstrap-3.3.1/css/cosmo.min.css" rel="stylesheet" /> |
18 |
| -<script src="libs/bootstrap-3.3.1/js/bootstrap.min.js"></script> |
19 |
| -<script src="libs/bootstrap-3.3.1/shim/html5shiv.min.js"></script> |
20 |
| -<script src="libs/bootstrap-3.3.1/shim/respond.min.js"></script> |
| 18 | +<link href="libs/bootstrap-3.3.5/css/cosmo.min.css" rel="stylesheet" /> |
| 19 | +<script src="libs/bootstrap-3.3.5/js/bootstrap.min.js"></script> |
| 20 | +<script src="libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script> |
| 21 | +<script src="libs/bootstrap-3.3.5/shim/respond.min.js"></script> |
21 | 22 |
|
22 | 23 | <!-- Styles for this site -->
|
23 | 24 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
47 | 48 |
|
48 | 49 |
|
49 | 50 |
|
| 51 | + |
50 | 52 | </head>
|
51 | 53 |
|
52 | 54 | <body>
|
|
61 | 63 | color: inherit;
|
62 | 64 | background-color: rgba(0, 0, 0, 0.04);
|
63 | 65 | }
|
64 |
| -img { |
65 |
| - max-width:100%; |
66 |
| - height: auto; |
| 66 | +img { |
| 67 | + max-width:100%; |
| 68 | + height: auto; |
| 69 | +} |
| 70 | +h1 { |
| 71 | + font-size: 34px; |
| 72 | +} |
| 73 | +h1.title { |
| 74 | + font-size: 38px; |
| 75 | +} |
| 76 | +h2 { |
| 77 | + font-size: 30px; |
| 78 | +} |
| 79 | +h3 { |
| 80 | + font-size: 24px; |
| 81 | +} |
| 82 | +h4 { |
| 83 | + font-size: 18px; |
| 84 | +} |
| 85 | +h5 { |
| 86 | + font-size: 16px; |
| 87 | +} |
| 88 | +h6 { |
| 89 | + font-size: 12px; |
| 90 | +} |
| 91 | +.tabbed-pane { |
| 92 | + padding-top: 12px; |
| 93 | +} |
| 94 | +button.code-folding-btn:focus { |
| 95 | + outline: none; |
67 | 96 | }
|
68 | 97 | </style>
|
| 98 | + |
| 99 | + |
69 | 100 | <div class="container-fluid main-container">
|
70 | 101 |
|
| 102 | +<!-- tabsets --> |
| 103 | +<script src="libs/navigation-1.0/tabsets.js"></script> |
| 104 | +<script> |
| 105 | +$(document).ready(function () { |
| 106 | + window.buildTabsets("TOC"); |
| 107 | +}); |
| 108 | +</script> |
| 109 | + |
| 110 | +<!-- code folding --> |
| 111 | + |
| 112 | + |
| 113 | + |
| 114 | + |
| 115 | + |
71 | 116 | <!--html_preserve-->
|
72 | 117 |
|
73 | 118 | <div class="header">
|
@@ -191,6 +236,8 @@ <h3>ggtech</h3>
|
191 | 236 |
|
192 | 237 | # Make sure to install the required fonts
|
193 | 238 | # (instructions at the end of this file).
|
| 239 | +extrafont::font_import(pattern = 'Guardian-EgypTT-Text-Regular.ttf', prompt=FALSE) |
| 240 | + |
194 | 241 | d <- qplot(carat, data = diamonds[diamonds$color %in%LETTERS[4:7], ], geom = "histogram", bins=30, fill = color)</code></pre>
|
195 | 242 | <p>Tech themes and scales:</p>
|
196 | 243 | <pre class="r"><code>d + theme_tech(theme="airbnb") + ggtitle("Airbnb ggplot2 theme") + scale_fill_tech(theme="airbnb")</code></pre>
|
@@ -230,7 +277,7 @@ <h3>ggtech</h3>
|
230 | 277 | theme_tech("twitter") +
|
231 | 278 | ggtitle("Twitter geom")</code></pre>
|
232 | 279 | <p><img src="ggtech_files/figure-html/unnamed-chunk-12-1.png" title="" alt="" width="576" /></p>
|
233 |
| -</div><!-- col-sm-8 --> |
| 280 | +</div> <!-- col-sm-8 --> |
234 | 281 |
|
235 | 282 | </div> <!-- row -->
|
236 | 283 | </div>
|
@@ -332,6 +379,8 @@ <h3>Install fonts:</h3>
|
332 | 379 |
|
333 | 380 | </script>
|
334 | 381 |
|
| 382 | + |
| 383 | + |
335 | 384 | </div>
|
336 | 385 |
|
337 | 386 | <script>
|
|
0 commit comments