Edit in JSFiddle

var data = datasets.OscarNominees;
var query = 'SELECT Genre, isWinner, imdbRating, COUNT(imdbID) AS FilmsCount FROM ? WHERE Genre = \'Drama\' OR Genre=\'Biography\' OR Genre=\'Comedy\' GROUP BY imdbRating, isWinner, Genre';
var plan = [
{
  query: query,
  viz: {
    type: 'bar',
    x: 'imdbRating',
    y: ['Genre', 'FilmsCount'],
    color: 'isWinner',
	plugins: [
    	tauCharts.api.plugins.get('legend')()
    ]
  }
},
];

var charts = plan.map(function (vql, i) {
	$('body').append('<div class="cc" id="div' + i + '" style="width:100%;height:500px;float:left;"></div>');
	var chart = new tauCharts.Chart(Object.assign({data: alasql(vql.query, [data])}, vql.viz));
	chart.renderTo('#div' + i);
  return chart;
});
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="//cdn.jsdelivr.net/d3js/3.5.17/d3.min.js"></script>
<script src="//cdn.jsdelivr.net/alasql/0.2/alasql.min.js"></script>
<script src="//cdn.rawgit.com/TargetProcess/tauCharts/release/build/production/tauCharts.min.js"></script>
<script src="//rawgit.com/vladminsky/rsconf2016/master/examples/dev-experimental-views-source.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.rawgit.com/TargetProcess/tauCharts/release/build/production/tauCharts.min.css">
html,
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.title {
  text-align: right;
}

.field {
  text-align: left;
}

.field-year {
  width: 45px;
}