trying to fix design

com-480-data-visualization · May 27, 2024 · f7abe15 · f7abe15
1 parent 72656d3
commit f7abe15
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/website/css/styles.css b/website/css/styles.css
@@ -62,9 +62,15 @@ body {
     color: black;
 }
 
-#undesa-viz, #sankey-viz {
-  max-width: 50vw;
-  max-height: 60vh;
+#sankey-viz {
+  max-width: 40vw;
+  max-height: 50vh;
+  margin:auto;
+}
+
+#undesa-viz {
+  max-width: 70vw;
+  max-height: 70vh;
   margin:auto;
 }
 

diff --git a/website/js/united.js b/website/js/united.js
@@ -291,6 +291,19 @@ function initializeUnited() {
         return sums;
     }
 
+    d3.json("https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/world.geojson").then(function (data) {
+        console.log("World GeoJSON Data:", data);
+        svg_map.append("g")
+            .selectAll("path")
+            .data(data.features)
+            .join("path")
+            .attr("fill", "#74a892")
+            .style("opacity", 1)
+            .attr("d", d3.geoPath().projection(projection))
+            .style("stroke", "black")
+            .style("opacity", .55);
+    });
+
     // Function to create the timeline
     function Timeline(data) {
         var margin = { top: 20, right: 0, bottom: 450, left: 40 },