JSFiddle - React, Tailwind, and code Playground

by Andrew Long

HTML

<script src="http://dygraphs.com/dygraph-dev.js"></script>
<script src="http://dygraphs.com/dygraph-combined.js"></script>
<script src="http://dygraphs.com/dygraph-combined-dev.js"></script>
<script src="http://dygraphs.com/interaction.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<!-- You may set style: "width: ...; height: ..." to size the chart -->
<div id="graph"></div>

JavaScript

g = new Dygraph(document.getElementById("graph"),
"Date,Temp,Hum,Baro,Windsp,Eggs\n" +
"2016-01-27,34.50,65.50,30.12,1.50,9.50\n" +
"2016-01-26,30.50,77.00,30.12,3.00,6.00\n" +
"2016-01-25,42.00,71.00,29.75,5.50,2.50\n" +
"2016-01-24,38.50,49.30,35.45,7.00,9.00\n" +
"2016-01-23,35.00,57.50,30.10,3.00,8.50\n" +
"2016-01-22,29.00,68.50,30.18,9.50,9.50\n" +
"2016-01-21,33.50,85.00,29.90,7.50,8.50\n" +
"2016-01-20,38.00,68.00,29.96,4.00,16.00\n" +
"2016-01-19,34.50,74.00,30.04,8.00,8.50\n" +
"2016-01-18,41.00,35.00,30.34,3.00,16.00\n" +
"2016-01-17,32.50,69.50,30.00,4.50,9.00\n" +
"2016-01-16,37.00,47.50,29.84,3.00,8.00\n" +
"2016-01-15,43.00,45.50,29.52,4.50,7.50\n" +
"2016-01-14,43.00,71.50,29.49,7.50,9.00\n" +
"2016-01-13,41.00,56.50,29.80,2.50,5.50\n" +
"2016-01-12,38.00,53.50,29.89,0.50,8.50\n" +
"2016-01-11,33.00,58.50,29.91,2.00,8.50\n" +
"2016-01-10,31.50,52.00,30.03,2.50,11.50\n" +
"2016-01-09,40.00,89.00,29.62,7.00,0.00\n" +
"2016-01-08,47.50,87.00,29.46,3.00,9.50\n" +
"2016-01-07,50.00,82.50,29.37,3.00,13.50\n" +
"2016-01-06,33.00,56.00,29.77,2.00,14.00\n" +
"2016-01-05,33.00,59.50,29.89,4.00,11.00\n" +
"2016-01-04,37.50,67.00,29.91,1.50,8.50\n" +
"2016-01-03,36.00,66.00,29.79,0.50,10.00\n" +
"2016-01-02,40.00,59.50,30.06,1.50,11.50\n" +
"2016-01-01,34.00,69.00,30.22,3.00,9.50\n" +
"2015-12-31,33.00,73.50,30.30,2.50,8.50\n" +
"2015-12-30,35.00,76.00,30.17,2.00,9.50\n" +
"2015-12-29,26.00,85.00,30.00,3.50,11.00\n" +
"2015-12-28,34.00,77.50,29.65,16.50,11.50\n" +
"2015-12-27,37.50,83.00,29.74,12.50,5.50\n" +
"2015-12-26,59.00,88.50,29.65,5.00,11.00\n" +
"2015-12-25,49.50,59.50,29.92,1.50,12.50\n" +
"2015-12-24,44.50,69.00,29.75,3.50,10.00\n" +
"2015-12-23,58.00,68.50,29.35,10.00,12.50\n" +
"2015-12-22,33.00,66.00,29.70,1.50,10.00\n" +
"2015-12-21,51.00,84.00,29.80,3.00,26.00\n" +
"2015-12-20,47.50,69.00,29.90,12.50,7.50\n" +
"2015-12-19,41.67,65.67,30.20,10.00,12.00\n" +
"2015-12-18,24.00,68.00,30.20,0.00,17.00\n" +
"2015-12-17,33.00,64.00,29.94,2.50,8.50\n"...