JSFiddle - React, Tailwind, and code Playground

by Shang-De You

JavaScript

var width = 400
var height = 300

var svg = d3.select("body").append("svg")
	.attr("width",width)
  .attr("height",height)

var dataSet = [80,120,130,70,60,90]

var areaPath = d3.svg.area()
	.x(function(d,i){ return 50 + i * 80})
  .y0(function(d,i){ return height/2 })
  .y1(function(d,i){ return height/2 - d})
  
svg.append("path")
	.attr("d",areaPath(dataSet))
  .attr("stroke","black")
  .attr("fill","blue")