clustergrammer
Version:
This is a clustergram implemented in D3.js. I started from the example http://bost.ocks.org/mike/miserables/ and added the following features
36 lines (31 loc) • 1.18 kB
JavaScript
module.exports = function resize_borders(params, svg_group){
// left border
svg_group.select('.left_border')
.attr('width', params.viz.grey_border_width)
.attr('height', params.viz.svg_dim.height)
.attr('transform', 'translate(0,0)');
// right border
svg_group.select('.right_border')
.attr('width', params.viz.grey_border_width)
.attr('height', params.viz.svg_dim.height)
.attr('transform', function() {
var inst_offset = params.viz.svg_dim.width - params.viz.grey_border_width;
return 'translate(' + inst_offset + ',0)';
});
// top border
svg_group.select('.top_border')
.attr('width', params.viz.svg_dim.width)
.attr('height', params.viz.grey_border_width)
.attr('transform', function() {
var inst_offset = 0;
return 'translate(' + inst_offset + ',0)';
});
// bottom border
svg_group.select('.bottom_border')
.attr('width', params.viz.svg_dim.width)
.attr('height', params.viz.grey_border_width)
.attr('transform', function() {
var inst_offset = params.viz.svg_dim.height - params.viz.grey_border_width;
return 'translate(0,' + inst_offset + ')';
});
};