jquery Sparkline Tests

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
<span class="sparklines"></span>

Babel + JSX

/*
R Interface
x %>%
  sp_bar(barColor = 'red') %>%
  sp_line(fillColor = FALSE)
*/

const rvRange = function(n){
  let d = []
  for (var i = 0; i < n; i++){
    d.push(i)
  }
  return(d)
}

const sparklineWidget = {
  name: "sparkline",
  type: "output",
  factory(el, width, height) {
    return {
      renderValue(x) {
        x.options.map(o => $(el).sparkline(x.data, o))
      },
      resize(width, height){

      }
    }
  }
}

let el = document.querySelector(".sparklines")
let x = {
  data: rvRange(20).map(d => Math.random()),
  options: [
    {type: 'line', barColor: "#aaf"},
    {type: 'line', fillColor: false, composite: true}
  ]
}

sparklineWidget
  .factory(el)
  .renderValue(x)