JSFiddle - React, Tailwind, and code Playground

by Sourabh Tewari

HTML

<link rel="stylesheet" href="http://dc-js.github.io/dc.js/css/dc.css">
<link rel="stylesheet" href="http://dc-js.github.io/dc.js/css/bootstrap.min.css">
<script src="http://dc-js.github.io/dc.js/js/crossfilter.js"></script>
<script src="http://dc-js.github.io/dc.js/js/dc.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.9/d3.js"></script>
<script src="http://colorbrewer2.org/export/colorbrewer.js"></script>
<div id="JobChartDiv"></div>

JavaScript

var data = [{
    "ruletype": "Comparison",
        "project": "GlobalProject",
        "subjectarea": "1 level",
        "testgroup": "dv test",
        "jobname": "desc",
        "testrunid": "9a4bce21-7bc8-4954-b1cb-c10f13d754d6",
        "starttime": "2014-10-26T04:11:22",
        "jobowner": "Sourabh Tewari",
        "state": "Failed",
        "error": null,
        "job_id": 7,
        "job_name": "demo 16/9",
        "job_desc": "desc",
        "rule_id": 43,
        "rule_name": "map tables source is table and target is file",
        "rule_description": "test"
}, {
    "ruletype": "Comparison",
        "project": "GlobalProject",
        "subjectarea": "1 level",
        "testgroup": "dv test",
        "jobname": "desc",
        "testrunid": "9fdba900-2be2-4d7d-9195-ac3d59ac434a",
        "starttime": "2014-10-26T06:48:43",
        "jobowner": "Sourabh Tewari",
        "state": "Failed",
        "error": null,
        "job_id": 7,
        "job_name": "demo 16/9",
        "job_desc": "desc",
        "rule_id": 43,
        "rule_name": "map tables source is table and target is file",
        "rule_description": "test"
}, {
    "ruletype": "Comparison",
        "project": "GlobalProject",
        "subjectarea": "1 level",
        "testgroup": "dv test",
        "jobname": "desc",
        "testrunid": "81604617-564d-47db-85a1-cf291be94070",
        "starttime": "2014-10-26T08:50:50",
        "jobowner": "Sourabh Tewari",
        "state": "Failed",
        "error": null,
        "job_id": 7,
        "job_name": "demo 16/9",
        "job_desc": "desc",
        "rule_id": 43,
        "rule_name": "map tables source is table and target is file",
        "rule_description": "test"
}, {
    "ruletype": "Comparison",
        "project": "GlobalProject",
        "subjectarea": "1 level",
        "testgroup": "dv test",
        "jobname": "desc",
        "testrunid": "36fa099f-e3e6-4ff0-800e-1b9fbf2031e8",
        "starttime": "2014-10-26T08:50:50",
       ...