JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.2.2/d3.v3.min.js"></script>
<script src="http://imaginea.github.io/uvCharts/js/uvcharts.js"></script>
<div id='uv-div' class='rChart uvcharts'></div>

JavaScript

var graphdef = {
   "categories": [ "Brown", "Blue", "Hazel", "Green" ],
   "dataset": {
     "Brown": [
       {"name": "Black", "value": 32 },
       {"name": "Brown", "value": 53 },
       {"name": "Red","value":  10},
       {"name": "Blond", "value": 3} 
     ],
    "Blue": [
       {"name": "Black", "value": 11 },
       {"name": "Brown", "value": 50 },
       {"name": "Red","value":  10},
       {"name": "Blond", "value": 30} 
     ],
   "Hazel": [
       {"name": "Black", "value": 10 },
       {"name": "Brown", "value": 25 },
       {"name": "Red","value":  7},
       {"name": "Blond", "value": 5} 
     ],
   "Green": [
       {"name": "Black", "value": 3 },
       {"name": "Brown", "value": 15 },
       {"name": "Red","value":  7},
       {"name": "Blond", "value": 5} 
     ]
   } 
}
var config = {
  meta: {
      position: "#uv-div"
  }
}
var chartch1 = uv.chart("Bar", graphdef, config)