Skip to content

Commit

Permalink
Make transparent demo for hafen/trelliscopejs#103
Browse files Browse the repository at this point in the history
  • Loading branch information
stefvanbuuren committed Nov 26, 2020
1 parent a74c9ce commit 7138004
Show file tree
Hide file tree
Showing 41 changed files with 1,032 additions and 0 deletions.
13 changes: 13 additions & 0 deletions R/transparent.R
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
library(trelliscopejs)
library(ggplot2)
library(gapminder)

theme_set(theme_light())
theme_update(panel.background = element_rect(fill = "transparent", colour = NA),
plot.background = element_rect(fill = "transparent", colour = NA),
legend.key = element_blank(),
rect = element_rect(fill = "transparent"))

qplot(year, lifeExp, data = subset(gapminder, continent == "Europe")) +
facet_trelliscope(~ country + continent,
path = "docs/transparent")
12 changes: 12 additions & 0 deletions docs/transparent/appfiles/config.jsonp
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
__loadTrscopeConfig__9b668d5b({
"display_base": "displays",
"data_type": "jsonp",
"cog_server": {
"type": "jsonp",
"info": {
"base": "displays"
}
},
"split_layout": false,
"has_legend": false
})

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
__loadDisplayObj__9b668d5b_common_by_country_continent({"name":"by_country_continent","group":"common","desc":"","mdDesc":"","updated":"2020-11-26 16:31:25","n":30,"height":500,"width":500,"has_legend":false,"split_layout":false,"split_aspect":{},"keySig":"82ad41b254dd378e55dfd81ca7ab4d9d","cogInterface":{"name":"by_country_continent","group":"common","type":"JSON"},"panelInterface":{"type":"image"},"imgSrcLookup":{},"cogInfo":{"country":{"name":"country","desc":"conditioning variable","type":"factor","group":"condVar","defLabel":true,"defActive":true,"filterable":true,"log":null,"levels":["Albania","Austria","Belgium","Bosnia and Herzegovina","Bulgaria","Croatia","Czech Republic","Denmark","Finland","France","Germany","Greece","Hungary","Iceland","Ireland","Italy","Montenegro","Netherlands","Norway","Poland","Portugal","Romania","Serbia","Slovak Republic","Slovenia","Spain","Sweden","Switzerland","Turkey","United Kingdom"]},"continent":{"name":"continent","desc":"continent","type":"factor","group":"common","defLabel":false,"defActive":true,"filterable":false,"log":null,"levels":"Europe"},"panelKey":{"name":"panelKey","desc":"panel key","type":"key","group":"panelKey","defLabel":false,"defActive":true,"filterable":false,"log":null},"year_min":{"name":"year_min","desc":"year_min","type":"numeric","group":"year","defLabel":false,"defActive":true,"filterable":false,"log":null,"range":[1952,1952],"nnna":30,"breaks":[1800,2000],"delta":200},"year_max":{"name":"year_max","desc":"year_max","type":"numeric","group":"year","defLabel":false,"defActive":true,"filterable":false,"log":null,"range":[2007,2007],"nnna":30,"breaks":[2000,2200],"delta":200},"year_mean":{"name":"year_mean","desc":"year_mean","type":"numeric","group":"year","defLabel":false,"defActive":true,"filterable":false,"log":null,"range":[1979.5,1979.5],"nnna":30,"breaks":[1800,2000],"delta":200},"year_median":{"name":"year_median","desc":"year_median","type":"numeric","group":"year","defLabel":false,"defActive":true,"filterable":false,"log":null,"range":[1979.5,1979.5],"nnna":30,"breaks":[1800,2000],"delta":200},"year_var":{"name":"year_var","desc":"year_var","type":"numeric","group":"year","defLabel":false,"defActive":true,"filterable":false,"log":null,"range":[325,325],"nnna":30,"breaks":[300,350],"delta":50},"lifeExp_min":{"name":"lifeExp_min","desc":"lifeExp_min","type":"numeric","group":"lifeExp","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[43.585,72.67],"nnna":30,"breaks":[40,45,50,55,60,65,70,75],"delta":5},"lifeExp_max":{"name":"lifeExp_max","desc":"lifeExp_max","type":"numeric","group":"lifeExp","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[71.777,81.757],"nnna":30,"breaks":[70,72,74,76,78,80,82],"delta":2},"lifeExp_mean":{"name":"lifeExp_mean","desc":"lifeExp_mean","type":"numeric","group":"lifeExp","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[59.6964,76.5114],"nnna":30,"breaks":[55,60,65,70,75,80],"delta":5},"lifeExp_median":{"name":"lifeExp_median","desc":"lifeExp_median","type":"numeric","group":"lifeExp","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[60.2715,76.55],"nnna":30,"breaks":[60,65,70,75,80],"delta":5},"lifeExp_var":{"name":"lifeExp_var","desc":"lifeExp_var","type":"numeric","group":"lifeExp","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[4.9289,81.5516],"nnna":30,"breaks":[0,20,40,60,80,100],"delta":20},"pop_min":{"name":"pop_min","desc":"pop_min","type":"numeric","group":"pop","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[147962,69145952],"nnna":30,"breaks":[0,10000000,20000000,30000000,40000000,50000000,60000000,70000000],"delta":10000000},"pop_max":{"name":"pop_max","desc":"pop_max","type":"numeric","group":"pop","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[301931,82400996],"nnna":30,"breaks":[0,20000000,40000000,60000000,80000000,100000000],"delta":20000000},"pop_mean":{"name":"pop_mean","desc":"pop_mean","type":"numeric","group":"pop","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[226978.0833,77547043.3333],"nnna":30,"breaks":[0,20000000,40000000,60000000,80000000],"delta":20000000},"pop_median":{"name":"pop_median","desc":"pop_median","type":"numeric","group":"pop","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[227910,78248019.5],"nnna":30,"breaks":[0,20000000,40000000,60000000,80000000],"delta":20000000},"pop_var":{"name":"pop_var","desc":"pop_var","type":"numeric","group":"pop","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[2356295106.6288,278145154578586],"nnna":30,"breaks":[0,50000000000000,100000000000000,150000000000000,200000000000000,250000000000000,300000000000000],"delta":50000000000000},"gdpPercap_min":{"name":"gdpPercap_min","desc":"gdpPercap_min","type":"numeric","group":"gdpPercap","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[973.5332,14734.2327],"nnna":30,"breaks":[0,2000,4000,6000,8000,10000,12000,14000,16000],"delta":2000},"gdpPercap_max":{"name":"gdpPercap_max","desc":"gdpPercap_max","type":"numeric","group":"gdpPercap","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[5937.0295,49357.1902],"nnna":30,"breaks":[0,10000,20000,30000,40000,50000],"delta":10000},"gdpPercap_mean":{"name":"gdpPercap_mean","desc":"gdpPercap_mean","type":"numeric","group":"gdpPercap","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[3255.3666,27074.3344],"nnna":30,"breaks":[0,5000,10000,15000,20000,25000,30000],"delta":5000},"gdpPercap_median":{"name":"gdpPercap_median","desc":"gdpPercap_median","type":"numeric","group":"gdpPercap","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[3194.3255,27796.4141],"nnna":30,"breaks":[0,5000,10000,15000,20000,25000,30000],"delta":5000},"gdpPercap_var":{"name":"gdpPercap_var","desc":"gdpPercap_var","type":"numeric","group":"gdpPercap","defLabel":false,"defActive":true,"filterable":true,"log":null,"range":[1421702.1301,180148667.8498],"nnna":30,"breaks":[0,50000000,100000000,150000000,200000000],"delta":50000000}},"cogDistns":{"country":{"type":"factor","dist":{"Albania":1,"Austria":1,"Belgium":1,"Bosnia and Herzegovina":1,"Bulgaria":1,"Croatia":1,"Czech Republic":1,"Denmark":1,"Finland":1,"France":1,"Germany":1,"Greece":1,"Hungary":1,"Iceland":1,"Ireland":1,"Italy":1,"Montenegro":1,"Netherlands":1,"Norway":1,"Poland":1,"Portugal":1,"Romania":1,"Serbia":1,"Slovak Republic":1,"Slovenia":1,"Spain":1,"Sweden":1,"Switzerland":1,"Turkey":1,"United Kingdom":1},"has_dist":true,"max":1},"continent":{"type":"factor","dist":{"Europe":30},"has_dist":true,"max":30},"panelKey":{"type":"key","dist":{}},"year_min":{"type":"numeric","dist":{"raw":{"breaks":[1800,2000],"freq":30}},"log_default":false},"year_max":{"type":"numeric","dist":{"raw":{"breaks":[2000,2200],"freq":30}},"log_default":false},"year_mean":{"type":"numeric","dist":{"raw":{"breaks":[1800,2000],"freq":30}},"log_default":false},"year_median":{"type":"numeric","dist":{"raw":{"breaks":[1800,2000],"freq":30}},"log_default":false},"year_var":{"type":"numeric","dist":{"raw":{"breaks":[300,350],"freq":30}},"log_default":false},"lifeExp_min":{"type":"numeric","dist":{"raw":{"breaks":[40,45,50,55,60,65,70,75],"freq":[1,0,1,5,6,12,5]}},"log_default":false},"lifeExp_max":{"type":"numeric","dist":{"raw":{"breaks":[70,72,74,76,78,80,82],"freq":[1,3,6,3,10,7]}},"log_default":false},"lifeExp_mean":{"type":"numeric","dist":{"raw":{"breaks":[55,60,65,70,75,80],"freq":[1,0,6,18,5]}},"log_default":false},"lifeExp_median":{"type":"numeric","dist":{"raw":{"breaks":[60,62,64,66,68,70,72,74,76,78],"freq":[1,0,0,0,3,9,7,9,1]}},"log_default":false},"lifeExp_var":{"type":"numeric","dist":{"raw":{"breaks":[0,10,20,30,40,50,60,70,80,90],"freq":[9,13,3,3,1,0,0,0,1]},"log":{"breaks":[4.9289,8.6395,15.1434,26.5436,46.526,81.5516],"freq":[6,10,8,5,1]}},"log_default":true},"pop_min":{"type":"numeric","dist":{"raw":{"breaks":[0,10000000,20000000,30000000,40000000,50000000,60000000,70000000],"freq":[21,2,3,0,2,1,1]},"log":{"breaks":[147962,505910.2826,1729803.693,5914528.5625,20222900.5853,69145952],"freq":[2,2,8,11,7]}},"log_default":true},"pop_max":{"type":"numeric","dist":{"raw":{"breaks":[0,10000000,20000000,30000000,40000000,50000000,60000000,70000000,80000000,90000000],"freq":[15,7,1,1,1,1,2,1,1]}},"log_default":false},"pop_mean":{"type":"numeric","dist":{"raw":{"breaks":[0,10000000,20000000,30000000,40000000,50000000,60000000,70000000,80000000],"freq":[20,2,1,2,1,3,0,1]}},"log_default":false},"pop_median":{"type":"numeric","dist":{"raw":{"breaks":[0,10000000,20000000,30000000,40000000,50000000,60000000,70000000,80000000],"freq":[19,3,1,2,1,3,0,1]}},"log_default":false},"pop_var":{"type":"numeric","dist":{"raw":{"breaks":[0,50000000000000,100000000000000,150000000000000,200000000000000,250000000000000,300000000000000],"freq":[29,0,0,0,0,1]},"log":{"breaks":[2356295106.6288,24357799137.7655,251794597869.611,2602883748147.03,26906867199256.8,278145154578586],"freq":[2,9,10,7,2]}},"log_default":true},"gdpPercap_min":{"type":"numeric","dist":{"raw":{"breaks":[0,2000,4000,6000,8000,10000,12000,14000,16000],"freq":[3,8,6,6,5,1,0,1]}},"log_default":false},"gdpPercap_max":{"type":"numeric","dist":{"raw":{"breaks":[0,10000,20000,30000,40000,50000],"freq":[3,8,6,11,2]}},"log_default":false},"gdpPercap_mean":{"type":"numeric","dist":{"raw":{"breaks":[0,5000,10000,15000,20000,25000,30000],"freq":[3,6,7,7,5,2]}},"log_default":false},"gdpPercap_median":{"type":"numeric","dist":{"raw":{"breaks":[0,5000,10000,15000,20000,25000,30000],"freq":[3,6,8,5,7,1]}},"log_default":false},"gdpPercap_var":{"type":"numeric","dist":{"raw":{"breaks":[0,50000000,100000000,150000000,200000000],"freq":[15,13,1,1]}},"log_default":false}},"state":{"layout":{"nrow":1,"ncol":1,"arrange":"row"},"labels":["country"],"sort":[{"order":1,"name":"country","dir":"asc"}]}})

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions docs/transparent/appfiles/displays/displayList.jsonp
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
__loadDisplayList__9b668d5b([
{
"group": "common",
"name": "by_country_continent",
"desc": "",
"n": 30,
"height": 500,
"width": 500,
"updated": "2020-11-26 16:31:25",
"keySig": "82ad41b254dd378e55dfd81ca7ab4d9d"
}
])
1 change: 1 addition & 0 deletions docs/transparent/appfiles/id
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
9b668d5b
15 changes: 15 additions & 0 deletions docs/transparent/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style>body{background-color:white;}</style>
<script src="lib/htmlwidgets-1.5.2/htmlwidgets.js"></script>
<script src="lib/trelliscopejs_widget-0.3.2/trelliscope.min.js"></script>
<script src="lib/trelliscopejs_widget-binding-0.2.5/trelliscopejs_widget.js"></script>

</head>
<body>
<div id="htmlwidget-1baefc80a64867c4fa42" style="width:100%;height:100%;" class="trelliscopejs_widget html-widget"></div>
<script type="application/json" data-for="htmlwidget-1baefc80a64867c4fa42">{"x":{"id":"9b668d5b","config_info":"'appfiles/config.jsonp'","self_contained":false,"latest_display":{"name":"by_country_continent","group":"common"},"spa":true,"in_knitr":false,"in_shiny":false,"in_notebook":false},"evals":[],"jsHooks":[]}</script>
</body>
</html>
Loading

0 comments on commit 7138004

Please sign in to comment.