update chart

episphere · Mar 25, 2024 · e27266d · e27266d
1 parent 64015e3
commit e27266d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -66,30 +66,30 @@ <h3 class="hero_title">Diseasome</h3>
 
 
     <div class='graph-container'>
-        <div id="topBarCategories"></div>
-        <div id="secondBarCategories"></div>
-        <div id="pgsPie"></div>
+        <div id="topBarCategories"></div>        <div id="secondBarCategories"></div>
 
     </div>
 
     <div class='graph-container'>
     </div>
 
     <div class='graph-container'>
+        <div id="pgsPie"></div>
         <div id="thirdBarCategories"></div>
     </div>
+
+    <div class="spinner-border m-5" role="status" id="spinner">
+        <span class="visually-hidden">Loading...</span>
+    </div>
 <hr>
     <div class='graph-container'>
         <div id="topBarTraits"></div>
         <div id="secondBarTraits"></div>
 
     </div>
 
-
 
-    <div class="spinner-border m-5" role="status" id="spinner">
-        <span class="visually-hidden">Loading...</span>
-    </div>
+
 
 
 

diff --git a/sdk/allTraits.js b/sdk/allTraits.js
@@ -206,11 +206,7 @@ var layout = {
     height: traitFiles.length*4,
     title: `Counts of PGS entries across ${traitList.length} Traits`,
     margin: {
-        l: 300,
-        r: 50,
-        t: -10,
-        b: -10
-    },
+        l: 300},
     xaxis: {
         autorange: false,
         range: [0, 30],
@@ -310,7 +306,7 @@ topBarCategoriesDiv.on('plotly_click', async function (data) {
         obj[item.trait_reported] ? obj[item.trait_reported]++ : obj[item.trait_reported] = 1;
     });
     var layout = {
-    title: ` ${Object.keys(obj).length} "${data.points[0].y}" traits`,
+    title: `${Object.keys(obj).length} traits found in "${data.points[0].y}" Category`,
     autosize: true,
     // height: 600,
     // width: 600,
@@ -351,7 +347,7 @@ topBarCategoriesDiv.on('plotly_click', async function (data) {
             },
         }
 
-        console.log("layout", layout2)
+        console.log("layout", layout)
         plotly.newPlot('thirdBarCategories', data2, layout);
 
     })