Comparative Heatmap for OG_06_0078586

(Showing raw values, normalize by row)

Gene
Root
Flower
Leaf
Stem
Female
Seeds
Male
Apical meristem
Root meristem
Gb_24860 expression profile </th> </tr> </thead> <tbody> <tr class="heatmap"> <td><div><span><a href="/sequence/view/249536" class="qtip_tooltip" qtip_href="/sequence/tooltip/249536">MA_273054g0010</a></span></div></td> <td class="value">-</td> <td class="value">11.57</td> <td class="value">6.94</td> <td class="value">6.36</td> <td class="value">-</td> <td class="value">-</td> <td class="value">-</td> <td class="value">-</td> <td class="value">-</td> </tr> </tbody> </table> <div class="panel"> <div class="panel-body"> <h3>Details</h3> <p>Raw expression values (TPM normalized), <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 = "ImZjYmMwZDU0MGM4MTJmZWVjMzdjNWYwMGExYTAxMWZlMTY2ZTNiMTgi.GjQ8lQ.-6QDELwg7LZWMZW3EqH85xcJxjw"; $.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>