about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--wqflask/wqflask/templates/corr_scatterplot.html24
1 files changed, 20 insertions, 4 deletions
diff --git a/wqflask/wqflask/templates/corr_scatterplot.html b/wqflask/wqflask/templates/corr_scatterplot.html
index 227e1116..56616ab6 100644
--- a/wqflask/wqflask/templates/corr_scatterplot.html
+++ b/wqflask/wqflask/templates/corr_scatterplot.html
@@ -170,15 +170,23 @@
 	</tr>

 </table>

 

+<div style="width: 1000px; text-align: center;"><h2>Pearson Correlation Scatterplot</h2></div>

+

 <div id="scatterplot2">

 	<svg style="width: 1000px; height: 800px; margin-left: 10px;"></svg>

 </div>

 

 <br>

 

-<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px;">

+<div class="alert alert-info" style="width: 200px; margin-left: 80px;">

+    y = {{'%0.3f' % jsdata.slope}} * x + {{'%0.3f' % jsdata.intercept}}

+</div>

+

+<br>

+

+<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px; text-align: right;">

     <thead>

-        <tr><th>Statistic</th><th>Value</th></tr>

+        <tr><th style="text-align: right;">Statistic</th><th style="text-align: right;">Value</th></tr>

     </thead>

 	<tbody>

 		<tr><td>Number</td>		<td>{{jsdata.num_overlap}}</td></tr>

@@ -235,15 +243,23 @@
 	</tr>

 </table>

 

+<div style="width: 1000px; text-align: center;"><h2>Spearman Rank Correlation Scatterplot</h2></div>

+

 <div id="srscatterplot2">

 	<svg style="width: 1000px; height: 800px; margin-left: 10px;"></svg>

 </div>

 

 <br>

 

-<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px;">

+<div class="alert alert-info" style="width: 200px; margin-left: 80px;">

+    y = {{'%0.3f' % jsdata.srslope}} * x + {{'%0.3f' % jsdata.srintercept}}

+</div>

+

+<br>

+

+<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px; text-align: right;">

     <thead>

-        <tr><th>Statistic</th><th>Value</th></tr>

+        <tr><th style="text-align: right;">Statistic</th><th style="text-align: right;">Value</th></tr>

     </thead>

 	<tbody>

 		<tr><td>Number</td>		<td>{{jsdata.num_overlap}}</td></tr>