JSFiddle - React, Tailwind, and code Playground

by Guillem Serra

HTML

<div ng-view="" class="ng-scope"><h2 class="ng-scope ng-binding">Stream of data 52781111cbdbcde82f000002</h2><div class="line-chart ng-scope ng-isolate-scope" data="data" stream="stream" start="start" end="end" sensor="52781111cbdbcde82f000002" height="500" width="900" unit="minutes" period="1"><svg width="900" height="500"><g transform="translate(40,10)"><defs><clipPath id="clip"><rect width="850" height="390"></rect></clipPath></defs><g clip-path="url(#clip)"><path class="line"...

CSS

@charset UTF-8;
/*
 * Graph canvas stylesheet
 */
.data {
  stroke: green;
}
.axis {
  shape-rendering: crispEdges;
}
.x.axis line {
  stroke: lightgrey;
}
.x.axis .minor {
  stroke-opacity: .5;
}
.x.axis path {
  display: none;
}
.x.axis text {
  font-size: 10px;
}
.y.axis line,
.y.axis path {
  fill: none;
  stroke: #000;
}
.y.axis text {
  font-size: 10px;
}
.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
path {
  fill: steelblue;
}