clustergrammer/src/filters/set_up_filters.js

This is a clustergram implemented in D3.js. I started from the example http://bost.ocks.org/mike/miserables/ and added the following features

var make_slider_filter = require('./make_slider_filter');
var make_button_filter = require('./make_button_filter');

module.exports = function set_up_filters(cgm, filter_type) {

  var params = cgm.params;

  var div_filters = d3.select(params.root+' .sidebar_wrapper')
    .append('div')
    .classed('div_filters',true)
    .style('padding-left', '10px')
    .style('padding-right', '10px');

  if (params.viz.possible_filters[filter_type] == 'numerical'){
    make_slider_filter(cgm, filter_type, div_filters);
  } else if (params.viz.possible_filters[filter_type] == 'categorical'){
    make_button_filter(cgm, filter_type, div_filters);
  }

};