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": [     
       {"categories": "Brown", "Black": 32,"Brown": 53 ,"Red":  10,"Blond": 3} 
    ,
      {"Black": 32,"Brown": 53 ,"Red":  10,"Blond": 3}
    ,
     {"Black": 32,"Brown": 53 ,"Red":  10,"Blond": 3}
    ,
     {"Black": 32,"Brown": 53 ,"Red":  10,"Blond": 3}     
   ]; 
}
var config = {
  meta: {
    position: "#uv-div",
    caption: "Hair vs. Eye Colors",
      vlabel: "Hair Color"
  },
  graph: {
      palette: "Olive"      
  }
}
var chart = uv.chart("Bar", graphdef, config)