inst/examples/htmlwidgets-gallery.md

Htmlwidgets Gallery with Isotope

jpmarindiaz April 29, 2015

# devtools::install_github("jpmarindiaz/isotope")
library(isotope)

d <- read.csv(system.file("data/htmlwidgets-gallery.csv", package="isotope"),stringsAsFactors = FALSE)
filterCols <- c('tags','release','author','jsLibIds')
sortCols <- c("name","author","url")
isotope(d, filterCols = filterCols, sortCols = sortCols, height = "500px")
{"x":{"filterBtns":"

Filter

","sortBtns":"
\n

Sort

\n \n \n \n \n
","sortData":{"name":".name","author":".author","url":".url"},"items":"
https://github.com/htmlwidgets/datamaps jsLibIds datamaps d3 githubUrl https://github.com/htmlwidgets/datamaps tags visualization maps release alpha examples documentation NA author ramnathv\" style=\"width:25%\" >

name: datamaps

\n

thumbnail: NA

\n

url: https://github.com/htmlwidgets/datamaps

\n

jsLibIds: datamaps,d3

\n

githubUrl: https://github.com/htmlwidgets/datamaps

\n

tags: visualization,maps

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: ramnathv

\n
\n
https://github.com/ramnathv/rChartsCalmap jsLibIds d3 githubUrl https://github.com/ramnathv/rChartsCalmap tags visualization calendar heatmap release stable examples documentation NA author ramnathv\" style=\"width:25%\" >

name: rChartsCalmap

\n

thumbnail: NA

\n

url: https://github.com/ramnathv/rChartsCalmap

\n

jsLibIds: d3

\n

githubUrl: https://github.com/ramnathv/rChartsCalmap

\n

tags: visualization,calendar,heatmap

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: ramnathv

\n
\n
http://rstudio.github.io/leaflet/ jsLibIds leaflet githubUrl https://github.com/rstudio/leaflet tags visualization maps release stable examples documentation NA author rstudio\" style=\"width:25%\" >

name: leaflet

\n

thumbnail: NA

\n

url: http://rstudio.github.io/leaflet/

\n

jsLibIds: leaflet

\n

githubUrl: https://github.com/rstudio/leaflet

\n

tags: visualization,maps

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: rstudio

\n
\n
http://rstudio.github.io/DT/ jsLibIds DT githubUrl https://github.com/rstudio/DT tags tables release stable examples documentation NA author rstudio\" style=\"width:25%\" >

name: DT

\n

thumbnail: NA

\n

url: http://rstudio.github.io/DT/

\n

jsLibIds: DT

\n

githubUrl: https://github.com/rstudio/DT

\n

tags: tables

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: rstudio

\n
\n
http://rstudio.github.io/dygraphs/ jsLibIds dygraphs githubUrl https://github.com/rstudio/dygraphs tags visualization timeseries release stable examples documentation NA author rstudio\" style=\"width:25%\" >

name: dygraphs

\n

thumbnail: NA

\n

url: http://rstudio.github.io/dygraphs/

\n

jsLibIds: dygraphs

\n

githubUrl: https://github.com/rstudio/dygraphs

\n

tags: visualization,timeseries

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: rstudio

\n
\n
http://hrbrmstr.github.io/metricsgraphics/ jsLibIds metricsgraphicsjs d3 githubUrl https://github.com/hrbrmstr/metricsgraphs tags visualization general release stable examples documentation NA author hrbrmstr\" style=\"width:25%\" >

name: metricsgraphics

\n

thumbnail: NA

\n

url: http://hrbrmstr.github.io/metricsgraphics/

\n

jsLibIds: metricsgraphicsjs,d3

\n

githubUrl: https://github.com/hrbrmstr/metricsgraphs

\n

tags: visualization,general

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: hrbrmstr

\n
\n
http://hrbrmstr.github.io/streamgraph/ jsLibIds d3 githubUrl https://github.com/hrbrmstr/streamgraph tags visualization general release stable examples documentation NA author hrbrmstr\" style=\"width:25%\" >

name: streamgraph

\n

thumbnail: NA

\n

url: http://hrbrmstr.github.io/streamgraph/

\n

jsLibIds: d3

\n

githubUrl: https://github.com/hrbrmstr/streamgraph

\n

tags: visualization,general

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: hrbrmstr

\n
\n
http://christophergandrud.github.io/networkD3/ jsLibIds d3 githubUrl http://github.com/christophergandrud/networkD3/ tags visualization networks release stable examples documentation NA author christophergandrud\" style=\"width:25%\" >

name: networkD3

\n

thumbnail: NA

\n

url: http://christophergandrud.github.io/networkD3/

\n

jsLibIds: d3

\n

githubUrl: http://github.com/christophergandrud/networkD3/

\n

tags: visualization,networks

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: christophergandrud

\n
\n
https://github.com/bwlewis/rthreejs jsLibIds threejs githubUrl https://github.com/bwlewis/rthreejs tags visualization 3D release stable examples documentation NA author bwlewis\" style=\"width:25%\" >

name: rthreejs

\n

thumbnail: NA

\n

url: https://github.com/bwlewis/rthreejs

\n

jsLibIds: threejs

\n

githubUrl: https://github.com/bwlewis/rthreejs

\n

tags: visualization,3D

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: bwlewis

\n
\n
http://rich-iannone.github.io/DiagrammeR/ jsLibIds d3 viz mermaid githubUrl http://rich-iannone.github.io/DiagrammeR/ tags visualization diagram release stable examples documentation NA author rich-iannone\" style=\"width:25%\" >

name: DiagrammeR

\n

thumbnail: NA

\n

url: http://rich-iannone.github.io/DiagrammeR/

\n

jsLibIds: d3,viz,mermaid

\n

githubUrl: http://rich-iannone.github.io/DiagrammeR/

\n

tags: visualization,diagram

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: rich-iannone

\n
\n
https://github.com/jpmarindiaz/sigmaGraph jsLibIds sigma githubUrl https://github.com/jpmarindiaz/sigmaGraph tags visualization networks release alpha examples documentation NA author jpmarindiaz\" style=\"width:25%\" >

name: sigmaGraph

\n

thumbnail: NA

\n

url: https://github.com/jpmarindiaz/sigmaGraph

\n

jsLibIds: sigma

\n

githubUrl: https://github.com/jpmarindiaz/sigmaGraph

\n

tags: visualization,networks

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: jpmarindiaz

\n
\n
https://github.com/jpmarindiaz/bubbleCloud jsLibIds sigma githubUrl https://github.com/jpmarindiaz/bubbleCloud tags visualization bubbles release alpha examples documentation NA author jpmarindiaz\" style=\"width:25%\" >

name: bubbleCloud

\n

thumbnail: NA

\n

url: https://github.com/jpmarindiaz/bubbleCloud

\n

jsLibIds: sigma

\n

githubUrl: https://github.com/jpmarindiaz/bubbleCloud

\n

tags: visualization,bubbles

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: jpmarindiaz

\n
\n
https://github.com/jpmarindiaz/d3plus jsLibIds d3plus d3 githubUrl https://github.com/jpmarindiaz/d3plus tags visualization networks release alpha examples documentation NA author jpmarindiaz\" style=\"width:25%\" >

name: d3plus

\n

thumbnail: NA

\n

url: https://github.com/jpmarindiaz/d3plus

\n

jsLibIds: d3plus,d3

\n

githubUrl: https://github.com/jpmarindiaz/d3plus

\n

tags: visualization,networks

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: jpmarindiaz

\n
\n
https://github.com/jpmarindiaz/isotope jsLibIds isotope githubUrl https://github.com/jpmarindiaz/isotope tags grid release alpha examples documentation NA author jpmarindiaz\" style=\"width:25%\" >

name: isotope

\n

thumbnail: NA

\n

url: https://github.com/jpmarindiaz/isotope

\n

jsLibIds: isotope

\n

githubUrl: https://github.com/jpmarindiaz/isotope

\n

tags: grid

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: jpmarindiaz

\n
\n
https://github.com/ThomasSiegmund/D3TableFilter jsLibIds tableFilter d3 githubUrl https://github.com/ThomasSiegmund/D3TableFilter tags tables release stable examples documentation NA author ThomasSiegmund\" style=\"width:25%\" >

name: D3TableFilter

\n

thumbnail: NA

\n

url: https://github.com/ThomasSiegmund/D3TableFilter

\n

jsLibIds: tableFilter,d3

\n

githubUrl: https://github.com/ThomasSiegmund/D3TableFilter

\n

tags: tables

\n

release: stable

\n

examples:

\n

documentation: NA

\n

author: ThomasSiegmund

\n
\n
https://github.com/jrowen/rhandsontable/ jsLibIds handsontable githubUrl https://github.com/jrowen/rhandsontable/ tags tables release alpha examples documentation NA author jrowen\" style=\"width:25%\" >

name: rhandsontable

\n

thumbnail: NA

\n

url: https://github.com/jrowen/rhandsontable/

\n

jsLibIds: handsontable

\n

githubUrl: https://github.com/jrowen/rhandsontable/

\n

tags: tables

\n

release: alpha

\n

examples:

\n

documentation: NA

\n

author: jrowen

\n
\n
https://github.com/timelyportfolio/rcdimple jsLibIds dimple d3 githubUrl https://github.com/timelyportfolio/rcdimple tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: rcdimple

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/rcdimple

\n

jsLibIds: dimple,d3

\n

githubUrl: https://github.com/timelyportfolio/rcdimple

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/sortableR jsLibIds sortablejs d3 githubUrl https://github.com/timelyportfolio/sortableR tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: sortableR

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/sortableR

\n

jsLibIds: sortablejs,d3

\n

githubUrl: https://github.com/timelyportfolio/sortableR

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/parcoords jsLibIds parcoords d3 githubUrl https://github.com/timelyportfolio/parcoords tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: parcoords

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/parcoords

\n

jsLibIds: parcoords,d3

\n

githubUrl: https://github.com/timelyportfolio/parcoords

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/listviewer jsLibIds listviewer d3 githubUrl https://github.com/timelyportfolio/listviewer tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: listviewer

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/listviewer

\n

jsLibIds: listviewer,d3

\n

githubUrl: https://github.com/timelyportfolio/listviewer

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/svgPanZoom jsLibIds svgPanZoom githubUrl https://github.com/timelyportfolio/svgPanZoom tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: svgPanZoom

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/svgPanZoom

\n

jsLibIds: svgPanZoom

\n

githubUrl: https://github.com/timelyportfolio/svgPanZoom

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/exportwidget jsLibIds exportwidget githubUrl https://github.com/timelyportfolio/exportwidget tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: exportwidget

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/exportwidget

\n

jsLibIds: exportwidget

\n

githubUrl: https://github.com/timelyportfolio/exportwidget

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/trailr jsLibIds trailr githubUrl https://github.com/timelyportfolio/trailr tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: trailr

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/trailr

\n

jsLibIds: trailr

\n

githubUrl: https://github.com/timelyportfolio/trailr

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/imageR jsLibIds imageR githubUrl https://github.com/timelyportfolio/imageR tags visualization general release stable examples http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget documentation NA author timelyportfolio\" style=\"width:25%\" >

name: imageR

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/imageR

\n

jsLibIds: imageR

\n

githubUrl: https://github.com/timelyportfolio/imageR

\n

tags: visualization,general

\n

release: stable

\n

examples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/timelyportfolio/plottableR jsLibIds githubUrl https://github.com/timelyportfolio/plottableR tags release examples documentation NA author timelyportfolio\" style=\"width:25%\" >

name: plottableR

\n

thumbnail: NA

\n

url: https://github.com/timelyportfolio/plottableR

\n

jsLibIds:

\n

githubUrl: https://github.com/timelyportfolio/plottableR

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: timelyportfolio

\n
\n
https://github.com/yutannihilation/chartist jsLibIds githubUrl https://github.com/yutannihilation/chartist tags release examples documentation NA author yutannihilation\" style=\"width:25%\" >

name: chartist

\n

thumbnail: NA

\n

url: https://github.com/yutannihilation/chartist

\n

jsLibIds:

\n

githubUrl: https://github.com/yutannihilation/chartist

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: yutannihilation

\n
\n
https://github.com/sdwfrost/phylowidget jsLibIds githubUrl https://github.com/sdwfrost/phylowidget tags release examples documentation NA author sdwfrost\" style=\"width:25%\" >

name: phylowidget

\n

thumbnail: NA

\n

url: https://github.com/sdwfrost/phylowidget

\n

jsLibIds:

\n

githubUrl: https://github.com/sdwfrost/phylowidget

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: sdwfrost

\n
\n
https://github.com/jalapic/sweep jsLibIds githubUrl https://github.com/jalapic/sweep tags release examples documentation NA author jalapic\" style=\"width:25%\" >

name: sweep

\n

thumbnail: NA

\n

url: https://github.com/jalapic/sweep

\n

jsLibIds:

\n

githubUrl: https://github.com/jalapic/sweep

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: jalapic

\n
\n
https://github.com/kbroman/testjs jsLibIds githubUrl https://github.com/kbroman/testjs tags release examples documentation NA author kbroman\" style=\"width:25%\" >

name: testjs

\n

thumbnail: NA

\n

url: https://github.com/kbroman/testjs

\n

jsLibIds:

\n

githubUrl: https://github.com/kbroman/testjs

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: kbroman

\n
\n
https://github.com/jcizel/highchartR jsLibIds githubUrl https://github.com/jcizel/highchartR tags release examples documentation NA author jcizel\" style=\"width:25%\" >

name: highchartR

\n

thumbnail: NA

\n

url: https://github.com/jcizel/highchartR

\n

jsLibIds:

\n

githubUrl: https://github.com/jcizel/highchartR

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: jcizel

\n
\n
https://github.com/homeaway/great-circles jsLibIds githubUrl https://github.com/homeaway/great-circles tags release examples documentation NA author homeaway\" style=\"width:25%\" >

name: great-circles

\n

thumbnail: NA

\n

url: https://github.com/homeaway/great-circles

\n

jsLibIds:

\n

githubUrl: https://github.com/homeaway/great-circles

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: homeaway

\n
\n
https://github.com/Bart6114/sparklines jsLibIds githubUrl https://github.com/Bart6114/sparklines tags release examples documentation NA author Bart6114\" style=\"width:25%\" >

name: sparklines

\n

thumbnail: NA

\n

url: https://github.com/Bart6114/sparklines

\n

jsLibIds:

\n

githubUrl: https://github.com/Bart6114/sparklines

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: Bart6114

\n
\n
https://github.com/jcizel/highchartR jsLibIds githubUrl https://github.com/jcizel/highchartR tags release examples documentation NA author jcizel\" style=\"width:25%\" >

name: highchartR

\n

thumbnail: NA

\n

url: https://github.com/jcizel/highchartR

\n

jsLibIds:

\n

githubUrl: https://github.com/jcizel/highchartR

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: jcizel

\n
\n
https://github.com/adymimos/rWordCloud jsLibIds githubUrl https://github.com/adymimos/rWordCloud tags release examples documentation NA author adymimos\" style=\"width:25%\" >

name: rWordCloud

\n

thumbnail: NA

\n

url: https://github.com/adymimos/rWordCloud

\n

jsLibIds:

\n

githubUrl: https://github.com/adymimos/rWordCloud

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: adymimos

\n
\n
https://github.com/HarlanH/c3r jsLibIds githubUrl https://github.com/HarlanH/c3r tags release examples documentation NA author HarlanH\" style=\"width:25%\" >

name: c3r

\n

thumbnail: NA

\n

url: https://github.com/HarlanH/c3r

\n

jsLibIds:

\n

githubUrl: https://github.com/HarlanH/c3r

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: HarlanH

\n
\n
https://github.com/yutannihilation/dcStockR jsLibIds githubUrl https://github.com/yutannihilation/dcStockR tags release examples documentation NA author yutannihilation\" style=\"width:25%\" >

name: dcStockR

\n

thumbnail: NA

\n

url: https://github.com/yutannihilation/dcStockR

\n

jsLibIds:

\n

githubUrl: https://github.com/yutannihilation/dcStockR

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: yutannihilation

\n
\n
https://github.com/jcizel/scatterMatrixD3 jsLibIds githubUrl https://github.com/jcizel/scatterMatrixD3 tags release examples documentation NA author jcizel\" style=\"width:25%\" >

name: scatterMatrixD3

\n

thumbnail: NA

\n

url: https://github.com/jcizel/scatterMatrixD3

\n

jsLibIds:

\n

githubUrl: https://github.com/jcizel/scatterMatrixD3

\n

tags:

\n

release:

\n

examples:

\n

documentation: NA

\n

author: jcizel

\n
","selectizeOptions":{"filterValueId":["adymimos","Bart6114","bwlewis","christophergandrud","HarlanH","homeaway","hrbrmstr","jalapic","jcizel","jpmarindiaz","jrowen","kbroman","ramnathv","rich-iannone","rstudio","sdwfrost","ThomasSiegmund","timelyportfolio","yutannihilation","d3","d3plus","datamaps","dimple","DT","dygraphs","exportwidget","handsontable","imageR","isotope","leaflet","listviewer","mermaid","metricsgraphicsjs","parcoords","sigma","sortablejs","svgPanZoom","tableFilter","threejs","trailr","viz","alpha","stable","3D","bubbles","calendar","diagram","general","grid","heatmap","maps","networks","tables","timeseries","visualization"],"groupId":["author","author","author","author","author","author","author","author","author","author","author","author","author","author","author","author","author","author","author","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","jsLibIds","release","release","tags","tags","tags","tags","tags","tags","tags","tags","tags","tags","tags","tags"],"filterValueLabel":["adymimos","Bart6114","bwlewis","christophergandrud","HarlanH","homeaway","hrbrmstr","jalapic","jcizel","jpmarindiaz","jrowen","kbroman","ramnathv","rich-iannone","rstudio","sdwfrost","ThomasSiegmund","timelyportfolio","yutannihilation","d3","d3plus","datamaps","dimple","DT","dygraphs","exportwidget","handsontable","imageR","isotope","leaflet","listviewer","mermaid","metricsgraphicsjs","parcoords","sigma","sortablejs","svgPanZoom","tableFilter","threejs","trailr","viz","alpha","stable","3D","bubbles","calendar","diagram","general","grid","heatmap","maps","networks","tables","timeseries","visualization"]},"selectizeOptgroups":{"groupId":["author","jsLibIds","release","tags"],"groupLabel":["author","jsLibIds","release","tags"]},"layoutMode":"masonry"},"evals":[]}
# You can also save the html and upload it to the web.
# s <- isotope(d, filterCols = filterCols, sortCols = sortCols)
# saveWidget(s,"index.html")


jpmarindiaz/isotope documentation built on May 19, 2019, 11:49 p.m.