JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chart"></div>
<script type="text/JavaScript" src="http://d3js.org/d3.v2.js"></script>

JavaScript

var width = 700,
        height = 400;

    var vis = d3.select("#chart")
        .append("svg")
        .attr("width",width)
        .attr("height",height);    
    
    var mpts = [{"x":0,"val":15}];
    var n = 200;
    for(var i=0;i<n;i++)
    {
        if(Math.random()>.5)
        {
            mpts = mpts.concat({"x":i+1,"val":mpts[i].val*(1.01)});
        }
        else
        {
            mpts = mpts.concat({"x":i+1,"val":mpts[i].val*(.99)});
        }
    }
    
    var x = d3.scale.linear().domain([0,n]).range([10,10+width]);
    var y = d3.scale.linear().domain([10,20]).range([height-10,0]);
    
    var area = d3.svg.area()
            .interpolate("linear")
            .x(function(d) { return x(d.x); })
            .y1(function(d) { return y(d.val); })
            .y0(function(d) { return y(0); });
    
    vis.append("path").datum(mpts)
                .attr("d",area)
                .attr("fill",'lightgreen');