Edit in JSFiddle

var data = datasets.OscarNominees;
var plan = [
{
  query: 'SELECT imdbRating, imdbVotes, Year, Title FROM ?',
  viz: {
    type: 'scatterplot',
    x: 'imdbRating',
    y: 'imdbVotes',
    color: 'Year',
    guide: {
    	x: {nice: false},
      	y: {nice: false},
        size: {maxSize: 5}
    },
    plugins: [
      tauCharts.api.plugins.get('tooltip')(),
    ]
  }
},
{
  query: 'SELECT imdbRating, COUNT(imdbID) AS FilmsCount FROM ? GROUP BY imdbRating',
  viz: {
    type: 'bar',
    x: 'imdbRating',
    y: 'FilmsCount',
    guide: {
    	x: {min: 0, max: 10, nice: false}
    },
    plugins: [
      // tauCharts.api.plugins.get('tooltip')()
    ]
  }
},
{
  query: 'SELECT Title, Genre, Director, imdbRating FROM ? WHERE Genre!="Horror" AND Genre!="Sci-Fi"',
  viz: {
    type: 'scatterplot',
    y: 'imdbRating',
    x: 'Genre',
    plugins: [
      tauCharts.api.plugins.get('tooltip')(),
      tauCharts.api.plugins.get('box-whiskers')({flip: false})
    ]
  }
},
{
  query: 'SELECT Genre, COUNT(imdbID) AS FilmsCount FROM ? GROUP BY Genre ORDER BY FilmsCount',
  viz: {
    type: 'horizontal-bar',
    x: 'FilmsCount',
    y: 'Genre',
    plugins: [
      tauCharts.api.plugins.get('floating-axes')()
    ]
  }
}
];

var charts = plan.map(function (vql, i) {
	$('body').append('<div class="cc" id="div' + i + '" style="width:50%;height:300px;float:left;"></div>');
	var chart = new tauCharts.Chart(Object.assign({data: alasql(vql.query, [data])}, vql.viz));
	chart.renderTo('#div' + i);
  return chart;
});

$('#isWinner').change(redraw);
$('#startYear').change(redraw);
$('#endYear').change(redraw);

function redraw() {
	var parts = [];
	// ---------------
	var winnerFilter = '1=1'
	var value = parseInt($('#isWinner').val());
  if (value === 0) {
  	parts[0] = winnerFilter;
  } else {
  	parts[0] = 'isWinner=' + (value > 0);
  }
  // ---------------
 	var yearFilter = [];
	var from = $('#startYear').val();
  var till = $('#endYear').val();

  if (from) {
  	yearFilter.push('Year >= ' + from);
  }

  if (till) {
  	yearFilter.push('Year <= ' + till);
  }

  parts[1] = yearFilter.join(' AND ');

	charts.forEach(function (chart, i) {
		chart.setData(alasql(applyWhere(plan[i].query, parts.filter(function (x) {return x;})), [data]));
	});
}

function applyWhere (query, parts) {
	var filter = (parts.length > 0) ? (' ' + parts.join(' AND ') + ' ') : (' 1=1 ');
  var r = '';
  var w = query.indexOf('WHERE');
  if (w > 0) {
  	var p0 = w + ('WHERE').length;
  	r = query.substr(0, p0) + ' ' + filter + ' AND ' + query.substr(p0);
  } else {
  		var g = query.indexOf('GROUP BY');
      if (g > 0) {
  			var p1 = g;
  			r = query.substr(0, p1) + ' WHERE ' + filter + query.substr(p1);
      } else {
      	var p2 = query.length;
      	r = query.substr(0, p2) + ' WHERE ' + filter;
      }
  }
  console.log(r);
  return r;
}
<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">

<div style="text-align:center;background-color:#eee;padding:15px;">
<table>
<tr>
<td class="title">Oscar winner:</td>
<td class="field">
  <select id="isWinner">
    <option value="0">Any</option>
    <option value="1">Yes</option>
    <option value="-1">No</option>
  </select>
</td>
</tr>
<tr>
<td class="title">Year between:</td>
<td class="field">
  <input type="text" id="startYear" class="field-year">
  and
  <input type="text" id="endYear" class="field-year">
</td>
</tr>
</table>
</div>
html,
body {
  margin: 0;
  padding: 0;
  font-family: Tahoma;
  font-size: 12px;
  background-color: #fff;
}

.title {
  text-align: right;
}

.field {
  text-align: left;
}

.field-year {
  width: 45px;
}