diff options
-rw-r--r-- | wqflask/wqflask/templates/corr_scatterplot.html | 24 |
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> |