timelyportfolio

I have been experimenting with React in R. Here is a quick illustration of making a htmlwidget out of react-json.

# requires dev version of listviewer
# devtools::install_github("timelyportfolio/listviewer@feature/react-json")
library(listviewer)

# use reactR for React dependencies
# devtools::install_github("timelyportfolio/reactR")
library(reactR)

timelyportfolio

Built with blockbuilder.org

An example of hopefully now-working sankeyNetwork from networkD3 with RStudio's flexdashboard.

reference StackOverflow

timelyportfolio

This StackOverflow discussion covers what I think is a fairly typical use case of adding tooltips to html table cells. Here is a very quick example combining formattable with tooltipsterR.

Example

bl.ocks

Code

library(htmltools)

timelyportfolio

[
  {
    "name": "",
    "i": [
      73,
      96,
      96,
      121,
      98,
      121,

timelyportfolio

Built with blockbuilder.org

Replicate this CodePen experiment in R using htmltools from RStudio. I think not enough people know how helpful htmltools can be.

library(htmltools)

browsable(
  attachDependencies(
    tagList(

timelyportfolio

Built with blockbuilder.org

experiments with sparklines

jquery.sparkline is old but works really well. As far as I know, its only real competitor is react-sparklines. Ramnath Vaidyanathan used jquery-sparkline for testing in one of the very first R htmlwidgets sparkline. Since then, not much has happened, but I hate to see a great JavaScript library not used to its full potential.

I have started experimenting with sparkline to hopefully update it to exploit the full potential. Here is one of the experiments combining parcoords with sparkline.

code

timelyportfolio

Built with blockbuilder.org

Jeroen Ooms asked if we could just use the svg directly with fabric.js after I posted this fabric.js + ggplot2 example. I answered yes, but I learned the answer should have been almost.

I thought it might be the CDATA that is interfering, but I gsub-bed it out and still the not quite right.

Not sure I'm up for it, but adding the style to the document might work, or we could emply a technique similar to svg-crowbar which appends styles directly to each element.

library(ggplot2)

timelyportfolio

Built with blockbuilder.org

Look what can be done in a couple of minutes with the power of combination and open source.

example (in case you missed the link above)

library(ggplot2)
library(svglite)
library(rsvg)

timelyportfolio

try techniques discussed in this d3 issue, but the speed is about the same, so I think I missed the point. The huge speed boost comes with the updating and not the initial creation.

forked from jrbalsano's block: D3 Scatterplot Rendering - 2

timelyportfolio

Built with blockbuilder.org