clustergrammer/src/network/update_viz_with_view.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_network_using_view = require('./make_network_using_view');
var disable_sidebar = require('../sidebar/disable_sidebar');
var update_viz_with_network = require('../update/update_viz_with_network');

module.exports = function update_viz_with_view(cgm, requested_view) {

  disable_sidebar(cgm.params);

  // make new_network_data by filtering the original network data
  var new_network_data = make_network_using_view(cgm.config, cgm.params,
    requested_view);

  // reset crop button
  d3.select(cgm.params.root+' .crop_button')
    .style('color', '#337ab7')
    .classed('fa-crop', true)
    .classed('fa-undo', false)
    .classed('active_cropping', false);

  // reset dendrogram filtering when updating with a new view
  // e.g. with the row filter sliders
  _.each(['row', 'col'], function(inst_rc){

    // set class to reflect that no filtering was ran
    d3.select(cgm.params.root+' .'+inst_rc+'_dendro_icons_group')
      .classed('ran_filter', false);

    // display all crop buttons when cropping has not been done
    d3.select(cgm.params.root+' .'+ inst_rc +'_dendro_icons_container')
      .style('display', 'block');
  });

  update_viz_with_network(cgm, new_network_data);

};