aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates/heatmap.html
blob: 927542665f54853c1121b461f6e9c78535559ff4 (about) (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
{% extends "base.html" %}
{% block title %}Heatmap{% endblock %}
{% block css %}
     <link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='d3-tip/d3-tip.css') }}" />
    <link rel="stylesheet" type="text/css" href="/static/new/css/panelutil.css" />
{% endblock %}
{% block content %} <!-- Start of body -->
    <div class="container">
        <h1>Heatmap</h1>
        <hr style="height: 1px; background-color: #A9A9A9;">
        <div>
            <h3>
                The following heatmap is a work in progress. The heatmap for each trait runs horizontally (as opposed to vertically in GeneNetwork 1),
                and hovering over a given trait's heatmap track will display its corresponding QTL chart below. White on the heatmap corresponds with a
                low positive or negative z-score (darker when closer to 0), while light blue and red correspond to high negative and positive z-scores respectively.
            </h3>
        </div>
        <div id="chart_container">
            <div class="qtlcharts" id="chart">
                
            </div>
        </div>
    
    </div>

    <!-- End of body -->

{% endblock %}

{% block js %}  
    <script>
        js_data = {{ js_data | safe }}
    </script>

    <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='d3js/d3.min.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='d3-tip/d3-tip.js') }}"></script>
    <script language="javascript" type="text/javascript" src="/static/new/javascript/panelutil.js"></script>
    <script language="javascript" type="text/javascript" src="/static/new/javascript/lodheatmap.js"></script>
    <script language="javascript" type="text/javascript" src="/static/new/javascript/lod_chart.js"></script>
    <script language="javascript" type="text/javascript" src="/static/new/javascript/curvechart.js"></script>
    <script language="javascript" type="text/javascript" src="/static/new/javascript/iplotMScanone_noeff.js"></script>
    <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='js_alt/underscore.min.js') }}"></script>

{% endblock %}