clustergrammer/src/zoom/toggle_element_display.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

module.exports = function toggle_element_display(vis_area, inst_selection, inst_rc){

  var inst_trans = d3.select(inst_selection)
    .attr('transform');

  if (inst_rc === 'row'){

    var y_trans = Number(inst_trans.split(',')[1].split(')')[0]);

    d3.select(inst_selection)
      .style('display',function(){
        var inst_display;
        if (y_trans < vis_area.max_y && y_trans > vis_area.min_y){
          inst_display = 'block';
        } else {
          inst_display = 'none';
        }
        return inst_display;
      });

  } else {

    var x_trans = Number(inst_trans.split('(')[1].split(',')[0].split(')')[0]);

    d3.select(inst_selection)
      .style('display',function(){
        var inst_display;
        if (x_trans < vis_area.max_x && x_trans > vis_area.min_x){
          inst_display = 'block';
        } else {
          inst_display = 'none';
        }

        return inst_display;
      });

    }

};