Merge pull request #338 from MoTrPAC/335_JZ_Graphical_Clustering_Path…

…way_Links Connects to #335. Graphical analysis report pathway links to data visualization tool.
MoTrPAC · May 7, 2024 · 9966dfc · 9966dfc
2 parents 54f90b5 + 32b0a20
commit 9966dfc
Show file tree

Hide file tree

Showing 34 changed files with 304 additions and 8 deletions.
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx
@@ -150,7 +150,17 @@ function GraphicalAnalysisAdrenal() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Adrenal"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M1-&gt;2w_F-1_M0-&gt;4w_F-1_M0-&gt;8w_F-1_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx
@@ -151,7 +151,17 @@ function GraphicalAnalysisBrownAdipose() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Brown Adipose"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M0-&gt;2w_F-1_M0-&gt;4w_F-1_M0-&gt;8w_F0_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx
@@ -144,7 +144,17 @@ function GraphicalAnalysisBlood() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Blood RNA"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M1-&gt;2w_F0_M1-&gt;4w_F0_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx
@@ -146,7 +146,17 @@ function GraphicalAnalysisColon() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Colon"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M0-&gt;2w_F0_M0-&gt;4w_F0_M0-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx
@@ -147,7 +147,16 @@ function GraphicalAnalysisCortex() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Cortex"
+                  plotType="Pathway"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx
@@ -146,7 +146,17 @@ function GraphicalAnalysisHeart() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Heart"
+                  plotType="Pathway"
+                  clusterName="1w_F1_M1-&gt;2w_F1_M1-&gt;4w_F1_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx
@@ -151,7 +151,17 @@ function GraphicalAnalysisHippocampus() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Hippocampus"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M-1-&gt;2w_F0_M-1-&gt;4w_F0_M-1-&gt;8w_F0_M-1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx
@@ -142,7 +142,17 @@ function GraphicalAnalysisKidney() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Kidney"
+                  plotType="Pathway"
+                  clusterName="1w_F1_M1-&gt;2w_F1_M1-&gt;4w_F1_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx
@@ -142,7 +142,17 @@ function GraphicalAnalysisLiver() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Liver"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M1-&gt;2w_F0_M1-&gt;4w_F0_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx
@@ -138,7 +138,17 @@ function GraphicalAnalysisLung() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Lung"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M0-&gt;2w_F-1_M0-&gt;4w_F-1_M0-&gt;8w_F0_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx
@@ -152,7 +152,17 @@ function GraphicalAnalysisGastrocnemius() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Gastrocnemius"
+                  plotType="Pathway"
+                  clusterName="1w_F1_M1-&gt;2w_F1_M1-&gt;4w_F1_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx
@@ -144,7 +144,17 @@ function GraphicalAnalysisVastusLateralis() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Vastus Lateralis"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M0-&gt;2w_F-1_M0-&gt;4w_F-1_M0-&gt;8w_F-1_M-1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx
@@ -144,7 +144,17 @@ function GraphicalAnalysisSmallIntestine() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Small Intestine"
+                  plotType="Pathway"
+                  clusterName="1w_F1_M0-&gt;2w_F1_M0-&gt;4w_F0_M0-&gt;8w_F0_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx
@@ -140,7 +140,17 @@ function GraphicalAnalysisSpleen() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_5.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Spleen"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M0-&gt;2w_F0_M0-&gt;4w_F0_M0-&gt;8w_F-1_M-1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx
@@ -146,7 +146,17 @@ function GraphicalAnalysisWhiteAdipose() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="White Adipose"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M1-&gt;2w_F0_M1-&gt;4w_F0_M0-&gt;8w_F-1_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
@@ -147,7 +147,17 @@ function MitoGraphicalAnalysisAdrenal() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Adrenal"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M1-&gt;2w_F-1_M0-&gt;4w_F-1_M0-&gt;8w_F-1_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
@@ -147,7 +147,17 @@ function MitoGraphicalAnalysisBrownAdipose() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Brown Adipose"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M0-&gt;2w_F0_M0-&gt;4w_F0_M0-&gt;8w_F-1_M-1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
@@ -147,7 +147,17 @@ function MitoGraphicalAnalysisBlood() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Blood RNA"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M1-&gt;2w_F0_M1-&gt;4w_F0_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
@@ -143,7 +143,17 @@ function MitoGraphicalAnalysisColon() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Colon"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M0-&gt;2w_F-1_M0-&gt;4w_F0_M0-&gt;8w_F1_M0"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
@@ -144,7 +144,17 @@ function MitoGraphicalAnalysisHeart() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Heart"
+                  plotType="Pathway"
+                  clusterName="1w_F1_M1-&gt;2w_F1_M1-&gt;4w_F1_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
@@ -143,7 +143,17 @@ function MitoGraphicalAnalysisKidney() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Kidney"
+                  plotType="Pathway"
+                  clusterName="1w_F-1_M-1-&gt;2w_F-1_M-1-&gt;4w_F-1_M-1-&gt;8w_F-1_M-1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
@@ -144,7 +144,17 @@ function MitoGraphicalAnalysisLiver() {
                 </h4>
                 <p>
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
+                </p>
+                <p>
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
+                </p>
+                <DataVizLink
+                  title="pathway enrichment"
+                  tissue="Liver"
+                  plotType="Pathway"
+                  clusterName="1w_F0_M1-&gt;2w_F0_M1-&gt;4w_F0_M1-&gt;8w_F1_M1"
+                />
+                <p>
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
                 <DataVizLink