Comparative Heatmap for OG0005027_tree

(Showing raw values, normalize by row)

Gene
ZT0-3
ZT4-7
ZT8-11
ZT12-15
ZT16-19
ZT20-23
10.74 8.94 8.05 8.9 9.55 11.11
11.44 8.96 11.82 13.76 12.69 12.2
7.73 5.78 5.66 7.46 9.37 8.75
8.47 7.38 10.36 11.32 9.61 11.47
8.14 7.97 8.12 8.01 7.97 7.95
7.97 7.53 7.68 7.66 7.73 7.81
19.36 18.82 21.87 18.6 19.95 20.33
Kfl00288_0050 (kfl00288_0050_v1.1)
218.72 141.27 122.53 128.85 140.65 141.69
5876.45 4341.4 3846.25 3916.5 5097.9 5556.5
75.86 24.4 32.21 30.05 31.72 31.45
20.48 19.59 20.12 19.65 20.22 19.84
46.49 49.2 50.11 58.28 54.87 53.1
16.05 14.51 20.73 17.73 16.96 15.29
89.01 96.51 98.02 141.68 159.37 158.83
57.77 52.03 54.67 63.52 66.57 68.34
1.97 3.57 3.11 4.02 3.12 4.27
17.87 9.21 3.67 4.02 6.06 12.5
2.34 2.15 1.62 2.86 3.97 2.79
14.28 12.77 7.53 10.81 14.15 18.11
1321.0 950.63 858.73 1007.76 1368.41 1720.96
305.74 340.2 310.96 330.39 376.55 420.57
Brara.A01186.1 ECC Pair graph </a></span></div></td> <td class="value">22.53</td> <td class="value">15.43</td> <td class="value">17.58</td> <td class="value">0</td> <td class="value">20.48</td> <td class="value">25.98</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/878993" class="qtip_tooltip" qtip_href="/sequence/tooltip/878993">Brara.H01061.1</a></span></div></td> <td class="value">41.68</td> <td class="value">33.68</td> <td class="value">28.73</td> <td class="value">0</td> <td class="value">33.74</td> <td class="value">41.64</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/883244" class="qtip_tooltip" qtip_href="/sequence/tooltip/883244">Brara.I02182.1</a></span></div></td> <td class="value">3.02</td> <td class="value">2.12</td> <td class="value">1.2</td> <td class="value">0</td> <td class="value">1.91</td> <td class="value">1.46</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/944778" class="qtip_tooltip" qtip_href="/sequence/tooltip/944778">Sobic.003G317200.1</a></span></div></td> <td class="value">62.72</td> <td class="value">46.6</td> <td class="value">42.45</td> <td class="value">43.24</td> <td class="value">48.43</td> <td class="value">55.08</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/984114" class="qtip_tooltip" qtip_href="/sequence/tooltip/984114">Seita.5G340600.1</a></span></div></td> <td class="value">30.51</td> <td class="value">26.96</td> <td class="value">24.85</td> <td class="value">31.21</td> <td class="value">31.93</td> <td class="value">0</td> </tr> <tr class="heatmap"> <td><div><span><a href="/sequence/view/1017677" class="qtip_tooltip" qtip_href="/sequence/tooltip/1017677">Mp8g04540.1</a></span></div></td> <td class="value">33.1</td> <td class="value">35.87</td> <td class="value">43.9</td> <td class="value">59.24</td> <td class="value">81.05</td> <td class="value">86.31</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 = "Ijg4OTM2NzI1NGQyZmMzZjNkNTcyNmZjZTFkNjAyNGM0MjAyZmE5YmQi.G0v6GA.e6_a-FDIB6_FPu2vBsL9h0bqCwE"; $.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>