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":"name: datamaps
\nthumbnail: NA
\nurl: https://github.com/htmlwidgets/datamaps
\njsLibIds: datamaps,d3
\ngithubUrl: https://github.com/htmlwidgets/datamaps
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: rChartsCalmap
\nthumbnail: NA
\nurl: https://github.com/ramnathv/rChartsCalmap
\njsLibIds: d3
\ngithubUrl: https://github.com/ramnathv/rChartsCalmap
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: leaflet
\nthumbnail: NA
\nurl: http://rstudio.github.io/leaflet/
\njsLibIds: leaflet
\ngithubUrl: https://github.com/rstudio/leaflet
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: DT
\nthumbnail: NA
\nurl: http://rstudio.github.io/DT/
\njsLibIds: DT
\ngithubUrl: https://github.com/rstudio/DT
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: dygraphs
\nthumbnail: NA
\nurl: http://rstudio.github.io/dygraphs/
\njsLibIds: dygraphs
\ngithubUrl: https://github.com/rstudio/dygraphs
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: metricsgraphics
\nthumbnail: NA
\nurl: http://hrbrmstr.github.io/metricsgraphics/
\njsLibIds: metricsgraphicsjs,d3
\ngithubUrl: https://github.com/hrbrmstr/metricsgraphs
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: streamgraph
\nthumbnail: NA
\nurl: http://hrbrmstr.github.io/streamgraph/
\njsLibIds: d3
\ngithubUrl: https://github.com/hrbrmstr/streamgraph
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: networkD3
\nthumbnail: NA
\nurl: http://christophergandrud.github.io/networkD3/
\njsLibIds: d3
\ngithubUrl: http://github.com/christophergandrud/networkD3/
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: rthreejs
\nthumbnail: NA
\nurl: https://github.com/bwlewis/rthreejs
\njsLibIds: threejs
\ngithubUrl: https://github.com/bwlewis/rthreejs
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: DiagrammeR
\nthumbnail: NA
\nurl: http://rich-iannone.github.io/DiagrammeR/
\njsLibIds: d3,viz,mermaid
\ngithubUrl: http://rich-iannone.github.io/DiagrammeR/
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: sigmaGraph
\nthumbnail: NA
\nurl: https://github.com/jpmarindiaz/sigmaGraph
\njsLibIds: sigma
\ngithubUrl: https://github.com/jpmarindiaz/sigmaGraph
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: bubbleCloud
\nthumbnail: NA
\nurl: https://github.com/jpmarindiaz/bubbleCloud
\njsLibIds: sigma
\ngithubUrl: https://github.com/jpmarindiaz/bubbleCloud
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: d3plus
\nthumbnail: NA
\nurl: https://github.com/jpmarindiaz/d3plus
\njsLibIds: d3plus,d3
\ngithubUrl: https://github.com/jpmarindiaz/d3plus
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: isotope
\nthumbnail: NA
\nurl: https://github.com/jpmarindiaz/isotope
\njsLibIds: isotope
\ngithubUrl: https://github.com/jpmarindiaz/isotope
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: D3TableFilter
\nthumbnail: NA
\nurl: https://github.com/ThomasSiegmund/D3TableFilter
\njsLibIds: tableFilter,d3
\ngithubUrl: https://github.com/ThomasSiegmund/D3TableFilter
\n \nrelease: stable
\nexamples:
\ndocumentation: NA
\nname: rhandsontable
\nthumbnail: NA
\nurl: https://github.com/jrowen/rhandsontable/
\njsLibIds: handsontable
\ngithubUrl: https://github.com/jrowen/rhandsontable/
\n \nrelease: alpha
\nexamples:
\ndocumentation: NA
\nname: rcdimple
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/rcdimple
\njsLibIds: dimple,d3
\ngithubUrl: https://github.com/timelyportfolio/rcdimple
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: sortableR
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/sortableR
\njsLibIds: sortablejs,d3
\ngithubUrl: https://github.com/timelyportfolio/sortableR
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: parcoords
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/parcoords
\njsLibIds: parcoords,d3
\ngithubUrl: https://github.com/timelyportfolio/parcoords
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: listviewer
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/listviewer
\njsLibIds: listviewer,d3
\ngithubUrl: https://github.com/timelyportfolio/listviewer
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: svgPanZoom
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/svgPanZoom
\njsLibIds: svgPanZoom
\ngithubUrl: https://github.com/timelyportfolio/svgPanZoom
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: exportwidget
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/exportwidget
\njsLibIds: exportwidget
\ngithubUrl: https://github.com/timelyportfolio/exportwidget
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: trailr
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/trailr
\njsLibIds: trailr
\ngithubUrl: https://github.com/timelyportfolio/trailr
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: imageR
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/imageR
\njsLibIds: imageR
\ngithubUrl: https://github.com/timelyportfolio/imageR
\n \nrelease: stable
\nexamples: http://www.buildingwidgets.com/blog/2015/3/18/week-11-dimple-as-htmlwidget
\ndocumentation: NA
\nname: plottableR
\nthumbnail: NA
\nurl: https://github.com/timelyportfolio/plottableR
\njsLibIds:
\ngithubUrl: https://github.com/timelyportfolio/plottableR
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: chartist
\nthumbnail: NA
\nurl: https://github.com/yutannihilation/chartist
\njsLibIds:
\ngithubUrl: https://github.com/yutannihilation/chartist
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: phylowidget
\nthumbnail: NA
\nurl: https://github.com/sdwfrost/phylowidget
\njsLibIds:
\ngithubUrl: https://github.com/sdwfrost/phylowidget
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: sweep
\nthumbnail: NA
\nurl: https://github.com/jalapic/sweep
\njsLibIds:
\ngithubUrl: https://github.com/jalapic/sweep
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: testjs
\nthumbnail: NA
\nurl: https://github.com/kbroman/testjs
\njsLibIds:
\ngithubUrl: https://github.com/kbroman/testjs
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: highchartR
\nthumbnail: NA
\nurl: https://github.com/jcizel/highchartR
\njsLibIds:
\ngithubUrl: https://github.com/jcizel/highchartR
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: great-circles
\nthumbnail: NA
\nurl: https://github.com/homeaway/great-circles
\njsLibIds:
\ngithubUrl: https://github.com/homeaway/great-circles
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: sparklines
\nthumbnail: NA
\nurl: https://github.com/Bart6114/sparklines
\njsLibIds:
\ngithubUrl: https://github.com/Bart6114/sparklines
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: highchartR
\nthumbnail: NA
\nurl: https://github.com/jcizel/highchartR
\njsLibIds:
\ngithubUrl: https://github.com/jcizel/highchartR
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: rWordCloud
\nthumbnail: NA
\nurl: https://github.com/adymimos/rWordCloud
\njsLibIds:
\ngithubUrl: https://github.com/adymimos/rWordCloud
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: c3r
\nthumbnail: NA
\nurl: https://github.com/HarlanH/c3r
\njsLibIds:
\ngithubUrl: https://github.com/HarlanH/c3r
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: dcStockR
\nthumbnail: NA
\nurl: https://github.com/yutannihilation/dcStockR
\njsLibIds:
\ngithubUrl: https://github.com/yutannihilation/dcStockR
\n \nrelease:
\nexamples:
\ndocumentation: NA
\nname: scatterMatrixD3
\nthumbnail: NA
\nurl: https://github.com/jcizel/scatterMatrixD3
\njsLibIds:
\ngithubUrl: https://github.com/jcizel/scatterMatrixD3
\n \nrelease:
\nexamples:
\ndocumentation: NA
\n# You can also save the html and upload it to the web.
# s <- isotope(d, filterCols = filterCols, sortCols = sortCols)
# saveWidget(s,"index.html")
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.