From e27266dbbd81799aad10fe2711e3328d2450d28a Mon Sep 17 00:00:00 2001
From: lorenasandoval88 <43822820+lorenasandoval88@users.noreply.github.com>
Date: Mon, 25 Mar 2024 13:42:27 -0400
Subject: [PATCH] update chart

---
 index.html       | 14 +++++++-------
 sdk/allTraits.js | 10 +++-------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 28b82f1..47f8f15 100644
--- a/index.html
+++ b/index.html
@@ -66,9 +66,7 @@ <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>
 
@@ -76,8 +74,13 @@ <h3 class="hero_title">Diseasome</h3>
     </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>
@@ -85,11 +88,8 @@ <h3 class="hero_title">Diseasome</h3>
 
     </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
index a6815e8..ae2a2f7 100644
--- 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);
 
     })