aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates/heatmap.html
diff options
context:
space:
mode:
Diffstat (limited to 'gn2/wqflask/templates/heatmap.html')
-rw-r--r--gn2/wqflask/templates/heatmap.html44
1 files changed, 44 insertions, 0 deletions
diff --git a/gn2/wqflask/templates/heatmap.html b/gn2/wqflask/templates/heatmap.html
new file mode 100644
index 00000000..92754266
--- /dev/null
+++ b/gn2/wqflask/templates/heatmap.html
@@ -0,0 +1,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 %} \ No newline at end of file