JSFiddle - React, Tailwind, and code Playground

by ramnathv

HTML

<script src="https://raw.github.com/novus/nvd3/master/lib/d3.v2.min.js"></script>
<script src="https://raw.github.com/novus/nvd3/master/nv.d3.min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/novus/nvd3/master/src/nv.d3.css">
<div id="exampleOne">
<svg></svg>
</div>

JavaScript

var ds =  [
  {
    key: 'VAR-1',
    color: '#FF7F0E',
    values: [
      { "x" : "600", "y" : 0.07706} ,   
      { "x" : "30", "y" : 0.00553} , 
      { "x" : "5", "y" : 0.00919} , 
      { "x" : "1", "y" : 0.00969} 
    ]
  }
];

nv.addGraph(function(){
  var chart = nv.models.lineChart()
  

  d3.select('#exampleOne svg')
    .datum(ds1)
    .transition().duration(500)
    .call(chart);
});