milestone1 public

com-480-data-visualization · May 18, 2024 · 1ffa67e · 1ffa67e
1 parent e8bca35
commit 1ffa67e
Show file tree

Hide file tree

Showing 43 changed files with 14 additions and 9 deletions.
diff --git a/public/graphs/brain/daly.png b/public/graphs/brain/daly.png
diff --git a/public/graphs/brain/hbar.png b/public/graphs/brain/hbar.png
diff --git a/public/graphs/brain/time_series.png b/public/graphs/brain/time_series.png
diff --git a/public/graphs/brain/vbar.png b/public/graphs/brain/vbar.png
diff --git a/public/graphs/breast/daly.png b/public/graphs/breast/daly.png
diff --git a/public/graphs/breast/hbar.png b/public/graphs/breast/hbar.png
diff --git a/public/graphs/breast/time_series.png b/public/graphs/breast/time_series.png
diff --git a/public/graphs/breast/vbar.png b/public/graphs/breast/vbar.png
diff --git a/public/graphs/colon/daly.png b/public/graphs/colon/daly.png
diff --git a/public/graphs/colon/hbar.png b/public/graphs/colon/hbar.png
diff --git a/public/graphs/colon/time_series.png b/public/graphs/colon/time_series.png
diff --git a/public/graphs/colon/vbar.png b/public/graphs/colon/vbar.png
diff --git a/public/graphs/kidney/daly.png b/public/graphs/kidney/daly.png
diff --git a/public/graphs/kidney/hbar.png b/public/graphs/kidney/hbar.png
diff --git a/public/graphs/kidney/time_series.png b/public/graphs/kidney/time_series.png
diff --git a/public/graphs/kidney/vbar.png b/public/graphs/kidney/vbar.png
diff --git a/public/graphs/liver/daly.png b/public/graphs/liver/daly.png
diff --git a/public/graphs/liver/hbar.png b/public/graphs/liver/hbar.png
diff --git a/public/graphs/liver/time_series.png b/public/graphs/liver/time_series.png
diff --git a/public/graphs/liver/vbar.png b/public/graphs/liver/vbar.png
diff --git a/public/graphs/ovarian/daly.png b/public/graphs/ovarian/daly.png
diff --git a/public/graphs/ovarian/hbar.png b/public/graphs/ovarian/hbar.png
diff --git a/public/graphs/ovarian/time_series.png b/public/graphs/ovarian/time_series.png
diff --git a/public/graphs/ovarian/vbar.png b/public/graphs/ovarian/vbar.png
diff --git a/public/graphs/pancreas/daly.png b/public/graphs/pancreas/daly.png
diff --git a/public/graphs/pancreas/hbar.png b/public/graphs/pancreas/hbar.png
diff --git a/public/graphs/pancreas/time_series.png b/public/graphs/pancreas/time_series.png
diff --git a/public/graphs/pancreas/vbar.png b/public/graphs/pancreas/vbar.png
diff --git a/public/graphs/stomach/daly.png b/public/graphs/stomach/daly.png
diff --git a/public/graphs/stomach/hbar.png b/public/graphs/stomach/hbar.png
diff --git a/public/graphs/stomach/time_series.png b/public/graphs/stomach/time_series.png
diff --git a/public/graphs/stomach/vbar.png b/public/graphs/stomach/vbar.png
diff --git a/public/graphs/thyroid/daly.png b/public/graphs/thyroid/daly.png
diff --git a/public/graphs/thyroid/hbar.png b/public/graphs/thyroid/hbar.png
diff --git a/public/graphs/thyroid/time_series.png b/public/graphs/thyroid/time_series.png
diff --git a/public/graphs/thyroid/vbar.png b/public/graphs/thyroid/vbar.png
diff --git a/public/graphs/trachea/daly.png b/public/graphs/trachea/daly.png
diff --git a/public/graphs/trachea/hbar.png b/public/graphs/trachea/hbar.png
diff --git a/public/graphs/trachea/time_series.png b/public/graphs/trachea/time_series.png
diff --git a/public/graphs/trachea/vbar.png b/public/graphs/trachea/vbar.png
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/app/page.js b/src/app/page.js
@@ -5,8 +5,16 @@ import { useEffect, useState } from "react";
 function getCancers() {
 
   const cancerList = [
-    {id: 1, type: "Breast"},
-    {id: 2, type: "Brain"},
+    {id: 1, type: "Brain"},
+    {id: 2, type: "Breast"},
+    {id: 3, type: "Colon"},
+    {id: 4, type: "Kidney"},
+    {id: 5, type: "Liver"},
+    {id: 6, type: "Ovarian"},
+    {id: 7, type: "Pancreas"},
+    {id: 8, type: "Stomach"},
+    {id: 9, type: "Trachea"},
+    {id: 10, type: "Thyroid"},
   ];
 
   return cancerList;
@@ -24,23 +32,22 @@ function Listing({ cancers, active, setActive }) {
   );
 }
 
-
 function Carousel({ currentCancer }) {
 
   return (
     <div id="carouselGraphs" className="carousel carousel-fade slide">
       <div className="carousel-inner">
         <div className="carousel-item ">
-          <img src={"http://localhost:8000/media/" + (currentCancer.type).toLowerCase() + "/daly.png"} className="d-block w-100" />
+          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/daly.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"http://localhost:8000/media/" + (currentCancer.type).toLowerCase() + "/hbar.png"} className="d-block w-100" />
+          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/hbar.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"http://localhost:8000/media/" + (currentCancer.type).toLowerCase() + "/time_series.png"} className="d-block w-100" />
+          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/time_series.png"} className="d-block w-100" />
         </div>
         <div className="carousel-item active">
-          <img src={"http://localhost:8000/media/" + (currentCancer.type).toLowerCase() + "/vbar.png"} className="d-block w-100" />
+          <img src={"/graphs/" + (currentCancer.type).toLowerCase() + "/vbar.png"} className="d-block w-100" />
         </div>
       </div>
       <button className="carousel-control-prev" type="button" data-bs-target="#carouselGraphs" data-bs-slide="prev">