$( document ).ready(function() { $.getJSON( "/profile/json/plot/29137", function( data ) { var ctx = document.getElementById("chart-area").getContext("2d"); data['options']['responsive'] = true; data['options']['maintainAspectRatio'] = false; data['options']['tooltips'] = { enabled: true, mode: 'label', itemSort: function(a, b, data) { conversion = {'Minimum': 0, 'Mean - Stdev':0, 'Mean': 1, 'Maximum': 2, 'Mean + Stdev': 2} if (conversion[data.datasets[a.datasetIndex].label] > conversion[data.datasets[b.datasetIndex].label]) { return -1 } else if (conversion[data.datasets[a.datasetIndex].label] < conversion[data.datasets[b.datasetIndex].label]) { return 1 } else { return 0 } }, callbacks: { afterTitle: function(tooltipItems, data) { if (data.counts[tooltipItems[0].index] == null) { return null; } else { if (data.counts[tooltipItems[0].index] == 1) { return '(1 sample)'; } else { return '(' + data.counts[tooltipItems[0].index] + ' samples)'; } } }, label: function(tooltipItems, data) { return data.datasets[tooltipItems.datasetIndex].label + ': ' + tooltipItems.yLabel.toFixed(2); } } } var myChart = new Chart(ctx, data); if (myChart.options.zoom.enabled) { $("#enable_zoom").addClass("btn-success"); $("#enable_zoom").removeClass("btn-danger"); $("#enable_zoom").removeClass("btn-default"); } else { $("#enable_zoom").addClass("btn-danger"); $("#enable_zoom").removeClass("btn-success"); $("#enable_zoom").removeClass("btn-default"); } $("#enable_zoom").click( function(ev) { ev.preventDefault(); myChart.options.zoom.enabled = ! myChart.options.zoom.enabled; if (myChart.options.zoom.enabled) { $(this).addClass("btn-success"); $(this).removeClass("btn-danger"); $(this).removeClass("btn-default"); } else { $(this).addClass("btn-danger"); $(this).removeClass("btn-success"); $(this).removeClass("btn-default"); } }); if (myChart.options.pan.enabled) { $("#enable_pan").addClass("btn-success"); $("#enable_pan").removeClass("btn-danger"); $("#enable_pan").removeClass("btn-default"); } else { $("#enable_pan").addClass("btn-danger"); $("#enable_pan").removeClass("btn-success"); $("#enable_pan").removeClass("btn-default"); } $("#enable_pan").click( function(ev) { ev.preventDefault(); myChart.options.pan.enabled = ! myChart.options.pan.enabled; if (myChart.options.pan.enabled) { $(this).addClass("btn-success"); $(this).removeClass("btn-danger"); $(this).removeClass("btn-default"); } else { $(this).addClass("btn-danger"); $(this).removeClass("btn-success"); $(this).removeClass("btn-default"); } }); }); }); $( document ).ready(function() { $.getJSON( "/profile/json/plot/29137/3", function( data ) { var ctx = document.getElementById("chart-area-3").getContext("2d"); data['options']['responsive'] = true; data['options']['maintainAspectRatio'] = false; data['options']['tooltips'] = { enabled: true, mode: 'label', itemSort: function(a, b, data) { conversion = {'Minimum': 0, 'Mean - Stdev':0, 'Mean': 1, 'Maximum': 2, 'Mean + Stdev': 2} if (conversion[data.datasets[a.datasetIndex].label] > conversion[data.datasets[b.datasetIndex].label]) { return -1 } else if (conversion[data.datasets[a.datasetIndex].label] < conversion[data.datasets[b.datasetIndex].label]) { return 1 } else { return 0 } }, callbacks: { afterTitle: function(tooltipItems, data) { if (data.counts[tooltipItems[0].index] == null) { return null; } else { if (data.counts[tooltipItems[0].index] == 1) { return '(1 sample)'; } else { return '(' + data.counts[tooltipItems[0].index] + ' samples)'; } } }, label: function(tooltipItems, data) { return data.datasets[tooltipItems.datasetIndex].label + ': ' + tooltipItems.yLabel.toFixed(2); } } } var myChart = new Chart(ctx, data); if (myChart.options.zoom.enabled) { $("#enable_zoom-3").addClass("btn-success"); $("#enable_zoom-3").removeClass("btn-danger"); $("#enable_zoom-3").removeClass("btn-default"); } else { $("#enable_zoom-3").addClass("btn-danger"); $("#enable_zoom-3").removeClass("btn-success"); $("#enable_zoom-3").removeClass("btn-default"); } $("#enable_zoom-3").click( function(ev) { ev.preventDefault(); myChart.options.zoom.enabled = ! myChart.options.zoom.enabled; if (myChart.options.zoom.enabled) { $(this).addClass("btn-success"); $(this).removeClass("btn-danger"); $(this).removeClass("btn-default"); } else { $(this).addClass("btn-danger"); $(this).removeClass("btn-success"); $(this).removeClass("btn-default"); } }); if (myChart.options.pan.enabled) { $("#enable_pan-3").addClass("btn-success"); $("#enable_pan-3").removeClass("btn-danger"); $("#enable_pan-3").removeClass("btn-default"); } else { $("#enable_pan-3").addClass("btn-danger"); $("#enable_pan-3").removeClass("btn-success"); $("#enable_pan-3").removeClass("btn-default"); } $("#enable_pan-3").click( function(ev) { ev.preventDefault(); myChart.options.pan.enabled = ! myChart.options.pan.enabled; if (myChart.options.pan.enabled) { $(this).addClass("btn-success"); $(this).removeClass("btn-danger"); $(this).removeClass("btn-default"); } else { $(this).addClass("btn-danger"); $(this).removeClass("btn-success"); $(this).removeClass("btn-default"); } }); }); });

Comparing clusters: Cluster_14 (HCCA) vs Cluster_27 (HCCA)

Notes: Only genes which have a homolog in another cluster are shown.
Genes belonging to P. falciparum begin with PF3D7 while genes belonging to P. berghei begin with PBANKA
Clusters are represented by the blue or green box, where genes belonging to the respective clusters are located within the coloured box.