JSFiddle - React, Tailwind, and code Playground

by Henry

CSS

body {
	  font: 10px sans-serif;
	}

	.axis path,
	.axis line {
	  fill: none;
	  stroke: #000;
	  shape-rendering: crispEdges;
	}

	.x.axis path {
	  display: none;
	}

	.area.above {
	  fill: rgb(252,141,89);
	}

	.area.below {
	  fill: rgb(145,207,96);
	}

	.line {
	  fill: none;
	  stroke: #000;
	  stroke-width: 1.5px;
	}

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

JavaScript

var data = [{"date":"20111001","New York":"63.4","San Francisco":"62.7"},{"date":"20111002","New York":"58.0","San Francisco":"59.9"},{"date":"20111003","New York":"53.3","San Francisco":"59.1"},{"date":"20111004","New York":"55.7","San Francisco":"58.8"},{"date":"20111005","New York":"64.2","San Francisco":"58.7"},{"date":"20111006","New York":"58.8","San Francisco":"57.0"},{"date":"20111007","New York":"57.9","San Francisco":"56.7"},{"date":"20111008","New York":"61.8","San Francisco":"56.8"},{"date":"20111009","New York":"69.3","San Francisco":"56.7"},{"date":"20111010","New York":"71.2","San Francisco":"60.1"},{"date":"20111011","New York":"68.7","San Francisco":"61.1"},{"date":"20111012","New York":"61.8","San Francisco":"61.5"},{"date":"20111013","New York":"63.0","San Francisco":"64.3"},{"date":"20111014","New York":"66.9","San Francisco":"67.1"},{"date":"20111015","New York":"61.7","San Francisco":"64.6"},{"date":"20111016","New York":"61.8","San Francisco":"61.6"},{"date":"20111017","New York":"62.8","San Francisco":"61.1"},{"date":"20111018","New York":"60.8","San Francisco":"59.2"},{"date":"20111019","New York":"62.1","San Francisco":"58.9"},{"date":"20111020","New York":"65.1","San Francisco":"57.2"},{"date":"20111021","New York":"55.6","San Francisco":"56.4"},{"date":"20111022","New York":"54.4","San Francisco":"60.7"},{"date":"20111023","New York":"54.4","San Francisco":"65.1"},{"date":"20111024","New York":"54.8","San Francisco":"60.9"},{"date":"20111025","New York":"57.9","San Francisco":"56.1"},{"date":"20111026","New York":"54.6","San Francisco":"54.6"},{"date":"20111027","New York":"54.4","San Francisco":"56.1"},{"date":"20111028","New York":"42.5","San Francisco":"58.1"},{"date":"20111029","New York":"40.9","San Francisco":"57.5"},{"date":"20111030","New York":"38.6","San Francisco":"57.7"},{"date":"20111031","New York":"44.2","San Francisco":"55.1"},{"date":"20111101","New York":"49.6","San Francisco":"57.9"},{"date":"20111102","New...