clustergrammer/src/params/calc_cat_params.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 calc_cat_params(params, viz){

  var separtion_room;

  // increase the width of the label container based on the label length
  var label_scale = d3.scale.linear()
    .domain([5, 15])
    .range([ 85, 120]).clamp('true');

  viz.cat_room = {};
  viz.cat_room.symbol_width = 12;
  viz.cat_room.separation = 3;

  _.each(['row','col'], function(inst_rc){

    viz.norm_labels.width[inst_rc] = label_scale(params.labels[inst_rc+'_max_char'])
      * params[inst_rc+'_label_scale'];

    viz['num_'+inst_rc+'_nodes'] = params.network_data[inst_rc+'_nodes'].length;

    // if (_.has(config, 'group_level')){
    //   config.group_level[inst_rc] = 5;
    // }

    if(inst_rc === 'row'){
      viz.dendro_room[inst_rc] = viz.dendro_room.symbol_width;
    } else {
      viz.dendro_room[inst_rc] = viz.dendro_room.symbol_width + 3*viz.uni_margin;
    }

    var num_cats = viz.all_cats[inst_rc].length;

    if (viz.show_categories[inst_rc]){

      separtion_room = (num_cats-1)*viz.cat_room.separation;

      var adjusted_cats;
      if (inst_rc === 'row'){
        adjusted_cats = num_cats + 1;
      } else {
        adjusted_cats = num_cats;
      }

      viz.cat_room[inst_rc] = adjusted_cats * viz.cat_room.symbol_width + separtion_room;

    } else {
      // no categories
      if (inst_rc == 'row'){
        viz.cat_room[inst_rc] = viz.cat_room.symbol_width;
      } else {
        viz.cat_room[inst_rc] = 0;
      }
    }

  });

  return viz;

};