JSFiddle - React, Tailwind, and code Playground

by Mark Beharrell

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div id="output"></div>

JavaScript

var data = [{
  "valueField": "value0",
  "name": "682.0",
  "description": "Cellulitis and abscess of face",
  "color": "#013159",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value1",
  "name": "682.2",
  "description": "Cellulitis and abscess of trunk",
  "color": "#1A466A",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value2",
  "name": "682.2",
  "description": "Cellulitis and abscess of trunk",
  "color": "#1A466A",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value3",
  "name": "682.2",
  "description": "Cellulitis and abscess of trunk",
  "color": "#1A466A",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value4",
  "name": "682.3",
  "description": "Cellulitis and abscess of upper arm and forearm",
  "color": "#65859D",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value5",
  "name": "682.3",
  "description": "Cellulitis and abscess of upper arm and forearm",
  "color": "#65859D",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value6",
  "name": "682.3",
  "description": "Cellulitis and abscess of upper arm and forearm",
  "color": "#65859D",
  "label": {
    "font": {
      "color": "#ffffff"
    }
  }
}, {
  "valueField": "value7",
  "name": "682.4",
  "description": "Cellulitis and abscess of hand, except fingers and thumb",
  "color": "#B0C4D0",
  "label": {
    "font": {
      "color": "#4a6b86"
    }
  }
}, {
  "valueField": "value8",
  "name": "682.4",
  "description": "Cellulitis and abscess of hand, except fingers and thumb",
  "color": "#B0C4D0",
  "label": {
    "font": {
      "color": "#4a6b86"
    }
  }
}, {
  "valueField": "value9",
  "name": "682.5",
  "description": "Cellulitis and abscess of buttock",
  "color": "#E2EEF2",
  "label": {
    "font": {
      "color": "#4a6b86"
    }
  }
}, {
  "valueField":...