clustergrammer/src/demo/play_menu_button.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 demo_text = require('./demo_text');
var sim_click = require('./sim_click');

module.exports = function play_menu_button(){
  /* eslint-disable */

  function run(params){

    var text = 'View additional controls\nby clicking the menu button';
    demo_text(params, text, 4000);

    // var inst_element = get_row_element(params, 'EGFR');

    // var group_trans = d3.select(inst_element).attr('transform');

    // var container_trans = d3.select(params.root+' .clust_container')
    //   .attr('transform')
    //   .split(',')[1].replace(')','');

    // var x_trans = params.viz.norm_labels.width.row * 0.9;

    // var row_trans = group_trans.split(',')[1].replace(')','');
    // var y_trans = String(Number(row_trans) + Number(container_trans) + 
    //   params.viz.rect_height/2);

    var x_trans = Number(d3.select(params.root+' .expand_button').attr('x')
        .replace('px',''));
    var y_trans = Number(d3.select(params.root+' .expand_button').attr('y')
        .replace('px',''));

    var wait_click = 3000;
    var wait_real_click = 3400;
    setTimeout(sim_click, wait_click, params, 'single', x_trans, y_trans);
    setTimeout(click_menu_button, wait_real_click, params);

  }

  function get_duration(){
    return 5000;
  }

  function click_menu_button(params){
    $(params.root+' .expand_button').d3Click();
  };

  function get_row_element(params, inst_row){

    var inst_element = d3.selectAll(params.root+' .row_label_group')
      .filter(function(){
        var inst_data = this.__data__;
        return inst_data.name == inst_row;
      })[0][0];

    return inst_element;
  }

  // allows doubleclicking on d3 element
  jQuery.fn.d3Click = function () {
    this.each(function (i, e) {
      var evt = document.createEvent("MouseEvents");
      evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, 
        false, false, false, 0, null);
      e.dispatchEvent(evt);
    });
  };  

  // allows doubleclicking on d3 element
  jQuery.fn.d3DblClick = function () {
    this.each(function (i, e) {
      var evt = document.createEvent("MouseEvents");
      evt.initMouseEvent("dblclick", true, true, window, 0, 0, 0, 0, 0, false,
       false, false, false, 0, null);
      e.dispatchEvent(evt);
    });
  };
  return {
    run: run,
    get_duration: get_duration
  };
};