diff options
| author | Frederick Muriuki Muriithi | 2021-09-22 06:30:42 +0300 |
|---|---|---|
| committer | Frederick Muriuki Muriithi | 2021-09-22 06:35:25 +0300 |
| commit | 98f9027b8ce8f33dda7f0b1b5495b22b4a450349 (patch) | |
| tree | b93293ec41e17abf5c06ff3e7c11f43d54aa0b3c /wqflask | |
| parent | f1876d4d8da5c973375fc398fedaa12825a0b780 (diff) | |
| download | genenetwork2-98f9027b8ce8f33dda7f0b1b5495b22b4a450349.tar.gz | |
Test heatmap creation from serialized figure
Issue:
https://github.com/genenetwork/gn-gemtext-threads/blob/main/topics/gn1-migration-to-gn2/clustering.gmi
* Attempt using the figure, serialized as JSON, to display the
clustered heatmap.
Diffstat (limited to 'wqflask')
| -rw-r--r-- | wqflask/wqflask/templates/collections/view.html | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/wqflask/wqflask/templates/collections/view.html b/wqflask/wqflask/templates/collections/view.html index 51b96e10..bca629a9 100644 --- a/wqflask/wqflask/templates/collections/view.html +++ b/wqflask/wqflask/templates/collections/view.html @@ -128,6 +128,9 @@ </tbody> </table> + <div id="plotly-testing-area" + style="width:4000px;height:800px;"> + </div> </div> <br /> </div> @@ -148,6 +151,8 @@ <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/buttons/js/buttons.colVis.min.js') }}"></script> <script type="text/javascript" src="/static/new/javascript/search_results.js"></script> + <script type="text/javascript" src="{{ url_for('js', filename='plotly/plotly.min.js') }}"></script> + <script language="javascript" type="text/javascript"> $(document).ready( function () { @@ -261,6 +266,11 @@ e.preventDefault(); }); + function generate_clustered_heatmap(heatmap_data) { + image_area = document.getElementById("plotly-testing-area") + Plotly.newPlot(image_area, heatmap_data) + } + $("#clustered-heatmap").on("click", function() { heatmap_url = $(this).attr("data-url") console.log("heatmap url:", heatmap_url) @@ -276,9 +286,7 @@ "traits_names": traits }), dataType: "JSON", - success: function(res) { - console.log("results:", res) - } + success: generate_clustered_heatmap }); }); }); |