bio-vis-expression-bar/snippets/ternary-plot.js

Simple barchart to show expression levels across experiments

$(function(){
	runThese();
})

function runThese(){

	var navHeight = $('nav').outerHeight(true);
	var footerHeight = $('footer').outerHeight(true);
	var avaHeight = $(window).outerHeight(true) - navHeight - footerHeight -5;

	var container_div="bar_expression_viewer";
	var parentWidth = $("#bar_expression_viewer").parent().width();
	var eb =  new ExpressionBar({
		target: container_div,
		highlight: 'Traes_4AL_F9DCE24F4.1',
		data: window.location.href + "/../data/test_data.json",
		renderProperty: 'tpm',
		defaultLog2State: true,
		fontFamily:'Helvetica Neue, Helvetica, Arial, sans-serif',
		groupBy: ["High level stress-disease", "High level age","High level tissue","High level variety"],
		height: avaHeight,
		plot:'Bar',
		tpmThreshold: 1
	});

	// Key 'T' for showing the ternary plot as shortcut
	$(document).keypress(function(event){
		var keyPressed = (String.fromCharCode(event.which));
		if(keyPressed === 't'){
			$(`#bar_expression_viewer_showTernaryPlot`).click();
		}
	});

	// Resize function
	var resizeTimer;
	$(window).on('resize', function(e){
		clearTimeout(resizeTimer);  // Making sure that the reload doesn't happen if the window is resized within 1.5 seconds
		resizeTimer = setTimeout(function(){
			var navHeight = $('nav').outerHeight(true);
			var footerHeight = $('footer').outerHeight(true);
			var avaHeight = $(window).outerHeight(true) - navHeight - footerHeight -5;

			eb.resizeChart(avaHeight);
		}, 1500);
	});

	// $('.wrapper').css('height', $(window).height());
}