JSFiddle - React, Tailwind, and code Playground

by toyorg

HTML

<div id="chartContainer">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.0.min.js"></script>
</div>

JavaScript

var svg = dimple.newSvg("body", 1350, 600);
    var data = [
		 { "Godzina":"01:29", "Ilosc":523},
		 { "Godzina":"01:41", "Ilosc":413},
		 { "Godzina":"01:57", "Ilosc":350},
		 { "Godzina":"02:13", "Ilosc":315},
		 { "Godzina":"02:30", "Ilosc":293},
		 { "Godzina":"02:46", "Ilosc":258},
		 { "Godzina":"03:02", "Ilosc":218},
		 { "Godzina":"03:18", "Ilosc":188},
		 { "Godzina":"03:35", "Ilosc":155},
		 { "Godzina":"03:52", "Ilosc":130},
		 { "Godzina":"04:08", "Ilosc":108},
		 { "Godzina":"04:25", "Ilosc":103},
		 { "Godzina":"04:41", "Ilosc":75},
		 { "Godzina":"04:57", "Ilosc":73},
		 { "Godzina":"05:14", "Ilosc":59},
		 { "Godzina":"05:32", "Ilosc":48},
		 { "Godzina":"05:49", "Ilosc":59},
		 { "Godzina":"06:06", "Ilosc":60},
		 { "Godzina":"06:22", "Ilosc":83},
		 { "Godzina":"06:38", "Ilosc":92},
		 { "Godzina":"06:54", "Ilosc":88},
		 { "Godzina":"07:11", "Ilosc":119},
		 { "Godzina":"07:27", "Ilosc":174},
		 { "Godzina":"07:44", "Ilosc":196},
		 { "Godzina":"08:01", "Ilosc":207},
		 { "Godzina":"08:17", "Ilosc":249},
		 { "Godzina":"08:34", "Ilosc":301},
		 { "Godzina":"08:50", "Ilosc":316},
		 { "Godzina":"09:07", "Ilosc":346},
		 { "Godzina":"09:23", "Ilosc":429},
		 { "Godzina":"09:40", "Ilosc":514},
		 { "Godzina":"09:57", "Ilosc":563},
		 { "Godzina":"10:14", "Ilosc":593},
		 { "Godzina":"10:30", "Ilosc":624},
		 { "Godzina":"10:47", "Ilosc":722},
		 { "Godzina":"11:04", "Ilosc":735},
		 { "Godzina":"11:20", "Ilosc":747},
		 { "Godzina":"11:37", "Ilosc":740},
		 { "Godzina":"11:54", "Ilosc":723},
		 { "Godzina":"12:11", "Ilosc":733},
		 { "Godzina":"12:27", "Ilosc":777},
		 { "Godzina":"12:44", "Ilosc":775},
		 { "Godzina":"13:00", "Ilosc":772},
		 { "Godzina":"13:17", "Ilosc":807},
		 { "Godzina":"13:33", "Ilosc":754},
		 { "Godzina":"13:50", "Ilosc":754},
		 { "Godzina":"14:07", "Ilosc":753},
		 { "Godzina":"14:23", "Ilosc":730},
		 { "Godzina":"14:39", "Ilosc":744},
		 { "Godzina":"14:55", "Ilosc":735},
		 { "Godzina":"15:12", "Ilosc":741}
    ];
 ...