- Home
- Tools
- Expression Heatmap
- Results
(Values are normalized against highest expression of the row, show raw values)
| Gene | Root | Flower | Leaf | Stem | Female | Seeds | Male | Apical meristem | Root meristem |
| 0.0 | 0.0 | 0.02 | - | 1.0 | - | 0.16 | 0.01 | - |
| 0.0 | 0.0 | 0.0 | - | 0.0 | - | 1.0 | 0.0 | - |
| 0.0 | 0.0 | 0.0 | - | 0.0 | - | 1.0 | 0.0 | - | ECC Pair graph </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/41664" class="qtip_tooltip" qtip_href="/sequence/tooltip/41664">AMTR_s00052p00166960</a></span> <span class="text-muted">(evm_27.TU.AmTr_v1.0_scaffold00052.76)</span></div></td> <td class="value">0.0</td> <td class="value">0.02</td> <td class="value">1.0</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.18</td> <td class="value">0.29</td> <td class="value">-</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/41738" class="qtip_tooltip" qtip_href="/sequence/tooltip/41738">AMTR_s00053p00050680</a></span> <span class="text-muted">(evm_27.TU.AmTr_v1.0_scaffold00053.26)</span></div></td> <td class="value">0.0</td> <td class="value">0.0</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">1.0</td> <td class="value">0.0</td> <td class="value">-</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/46310" class="qtip_tooltip" qtip_href="/sequence/tooltip/46310">AMTR_s00077p00187180</a></span> <span class="text-muted">(evm_27.TU.AmTr_v1.0_scaffold00077.217)</span></div></td> <td class="value">0.0</td> <td class="value">1.0</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.51</td> <td class="value">0.84</td> <td class="value">-</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/46544" class="qtip_tooltip" qtip_href="/sequence/tooltip/46544">AMTR_s00079p00023440</a></span> <span class="text-muted">(evm_27.TU.AmTr_v1.0_scaffold00079.3)</span></div></td> <td class="value">0.0</td> <td class="value">1.0</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">0.0</td> <td class="value">-</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/53250" class="qtip_tooltip" qtip_href="/sequence/tooltip/53250">AMTR_s00190p00036840</a></span> <span class="text-muted">(evm_27.TU.AmTr_v1.0_scaffold00190.14)</span></div></td> <td class="value">0.1</td> <td class="value">1.0</td> <td class="value">0.21</td> <td class="value">-</td> <td class="value">0.0</td> <td class="value">-</td> <td class="value">1.0</td> <td class="value">0.0</td> <td class="value">-</td> </tr> </tbody> </table> <div class="panel"> <div class="panel-body"> <h3>Details</h3> <p>Expression values normalized per gene (using the maximum value, <span style="color:#53db3b;font-weight:bold">Green</span> cells indicate low expression and <span style="color:#d11010;font-weight:bold">red</span> high. (<span style="color:#333333;font-weight:bold">Dark gray</span> cells indicate missing values)</p> </div> </div> </div> </div> </div> <footer class="footer" id="footer"> <div class="container"> <div class="row"> <div class="col-xs-2"><strong class="text-muted"><a href="/features" class="text-muted">CoNekT</a></strong></div> <div class="col-xs-2"><a href="/about" class="text-muted">About</a></div> <div class="col-xs-2"><a href="/contact" class="text-muted">Contact</a></div> <div class="col-xs-2"><a href="/disclaimer" class="text-muted">Disclaimer</a></div> <div class="col-xs-2"><a href="/privacy" class="text-muted">Privacy policy</a></div> </div> </div> </footer> <div class="modal" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> </div> </div> </div> <div class="modal" id="loaderModal" tabindex="-1" role="dialog" aria-labelledby="loaderModalLabel"> <div class="modal-dialog" role="document" style="width:1000px;height:800px;"> <div class="modal-content"> <div class="modal-body"> <div id="leafy_loader"></div> <p class="text-center text-muted" id="leafy_loader_text">Loading ... please wait ... </p> <p class="text-center" id="leafy_loader_close_btn" style="display:none"><button type="button" class="btn btn-primary" data-dismiss="modal" style>Close</button></p> </div> </div> </div> </div> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/stupidtable.min.js"></script> <script src="/static/js/TweenMax.min.js"></script> <script src="/static/js/jquery.qtip.min.js"></script> <script src="/static/js/planet_loader.js"></script> <script>
function init_qtip() {
$('.qtip_tooltip').each(function() {
$(this).qtip({
content: {
text: function(event, api) {
$.ajax({
url: api.elements.target.attr('qtip_href')
})
.then(function(content) {
// Set the tooltip content upon successful retrieval
api.set('content.text', content);
}, function(xhr, status, error) {
// Upon failure... set the tooltip content to error
api.set('content.text', status + ': ' + error);
});
return 'Loading...'; // Set some initial text
}
},
show: {
effect: function() {
$(this).fadeTo(500, 1);
}
},
hide: {
effect: function() {
$(this).fadeTo(500, 0);
}
},
position: {
viewport: $(window)
},
style: 'qtip-bootstrap'
});
});
}
$(function () {
init_qtip();
$("#leafy_loader").html(get_loader_svg('loader_leafy'));
init_planet_loader('loader_leafy');
$('[data-toggle="popover"]').popover({container: 'body'});
$('a[data-target=#helpModal], abbr[data-target=#helpModal]').click(function(ev) {
ev.preventDefault();
var target = $(this).attr("href");
// load the url and show modal on success
$("#helpModal .modal-content").load(target, function() {
$("#helpModal").modal("show");
});
});
});
</script> <script src="/static/js/planet_pagination.js"></script> <script src="/static/js/planet_ajax_table.js"></script> <script type="text/javascript">
var csrf_token = "IjliNWVkODIwNTMzOThhNDA1YWYyMzI5MjRmYmVjMmZkMWEyNzUzODYi.Gi7S4w._D51pB2usdT1SHCgZFAk04mfNXI";
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrf_token);
}
}
});
</script> <script src="/static/js/jquery.hottie.js"></script> <script src="/static/js/table2CSV.js"> </script> <script>
$( document ).ready(function() {
$('td.value').hottie({
colorArray : [
"#53db3b",
"#efec40",
"#d11010"
], symmetrical : false
});
function prepare_download() {
var csv_data = $("#heatmap-table").table2CSV({delivery:'value'});
$("#download").attr('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(csv_data));
$("#download").attr('download', "table.csv");
}
prepare_download();
function tableTransform(objTable) {
if (typeof objTable != 'undefined') {
objTable.each(function () {
var $this = $(this);
var newrows = [];
$this.find("tbody tr, thead tr").each(function () {
var i = 0;
$(this).find("td, th").each(function () {
i++;
if (newrows[i] === undefined) {
newrows[i] = $("<tr></tr>");
}
newrows[i].append($(this));
});
});
$this.find("tr").remove();
$.each(newrows, function () {
$this.append(this);
});
});
//switch old th to td
objTable.find('th').wrapInner('<td />').contents().unwrap();
//move first tr into thead
var thead = objTable.find("thead");
var thRows = objTable.find("tr:first");
var copy = thRows.clone(true).appendTo("thead");
thRows.remove();
//switch td in thead into th
objTable.find('thead tr td').wrapInner('<th class="rotated" />').contents().unwrap();
//add tr back into tfoot
objTable.find('tfoot').append("<tr></tr>");
//add tds into tfoot
objTable.find('tbody tr:first td').each(function () {
objTable.find('tfoot tr').append("<td> </td>");
});
return false;
}
}
$("#transpose").click(function(){
$('.qtip_tooltip').qtip('destroy', true);
tableTransform($("#heatmap-table"));
init_qtip(); //defined in base.html
prepare_download();
return false;
});
});
</script> </body> </html>
