Edit in JSFiddle

var data = datasets.OscarNominees;
var vql = {
  query: 'SELECT imdbRating, COUNT(imdbID) AS FilmsCount FROM ? GROUP BY imdbRating',
  viz: {
    type: 'bar',
    x: 'imdbRating',
    y: 'FilmsCount'
  }
};

var chart0 = new tauCharts.Chart(Object.assign({
    data: alasql(vql.query, [data])
  },
  vql.viz
));
chart0.renderTo('#target');

var genreQuery = 'SELECT Genre, COUNT(imdbID) AS FilmsCount FROM ? GROUP BY Genre ORDER BY FilmsCount';
var chart1 = new tauCharts.Chart(Object.assign({
  data: alasql(genreQuery, [data])
}, {
  type: 'horizontal-bar',
  y: 'Genre',
  x: 'FilmsCount',
  plugins: [
		tauCharts.api.plugins.get('floating-axes')()
  ]
}));
chart1.renderTo('#result');

chart0.on('elementclick', function(chartSender, e) {
  var row = e.data;
  var g = ['imdbRating'].reduce(function(memo, k) {
    return memo.concat(k + '=' + row[k]);
  }, []);

  var revQuery = 'SELECT * FROM ? WHERE ' + g.join(' AND ');
  var revealed = alasql(revQuery, [data]);
  chart1.setData(alasql(genreQuery, [revealed]))
});
<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">

<div id="target" style="width:100%;height:300px;float:left;"></div>
<div id="result" style="width:100%;height:365px;float:left;"></div>
html,
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

#target .i-role-element {
    cursor: pointer;
}