JSFiddle - React, Tailwind, and code Playground

by Shabeer Sheffa

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.min.css">
<div id="test-speed-chart">
  <svg></svg>
</div>

JavaScript

rwt.chart.register("nv-line-plus-bar", function(widget) {
  var chart = nv.models.linePlusBarChart().margin({
    top: 10,
    right: 60,
    bottom: 50,
    left: 70
  }).x(function(d, i) {
    return i
  }).y(function(d, i) {
    return d[1]
  }).color(d3.scale.category10().range());
  
  chart.lines.showLabels(true);
  nv.utils.windowResize(chart.update);
  
  return chart;
});