JSFiddle - React, Tailwind, and code Playground

by helxsz

HTML

<div id="monthlyGraph"> </div>

JavaScript

var width = 400, height = 100, interpolation = "basis", updateDelay =280, transitionDelay = 280;
var now = new Date();
var y = now.getFullYear(), m = now.getMonth(), d = now.getDate();
var data = [{t:new Date(y,m,d,0),v:1},
            {t:new Date(y,m,d,1),v:4},
            {t:new Date(y,m,d,3),v:2},
            {t:new Date(y,m,d,5),v:5}            
           ]；
var vis = d3.select("#monthlyGraph").append("svg").attr("width", width).attr("height", height);

var dayDataLayer = vis.append('g').attr('id','dayDataLayer');
    .duration(280);