Improve readability of Italy outline

breviloquia-italica · Jan 24, 2024 · 0481071 · 0481071
1 parent e99332e
commit 0481071
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/controllers/map_controller.ts b/src/controllers/map_controller.ts
@@ -52,6 +52,7 @@ export default class extends Controller {
       .append("svg")
       .style("width", "100%")
       .style("height", "100%");
+    this.svg.append("g").attr("id", "hexbins");
     this.svg
       .append("g")
       .attr("id", "italy")
@@ -61,7 +62,6 @@ export default class extends Controller {
       .append("path")
       .attr("d", geoGenerator);
 
-    this.svg.append("g").attr("id", "hexbins");
     this.hexbin = hexbin().radius(6).extent(this.extent);
 
     this.initBrush();

diff --git a/src/index.css b/src/index.css
@@ -36,13 +36,14 @@
 
 @layer components {
   svg {
-    background-color: lightgray;
+    background-color: white;
     width: 100%;
     height: 100%;
     #italy path {
-      fill: black;
-      stroke: lightgray;
-      stroke-width: 1px;
+      fill: none;
+      stroke: white;
+      stroke-width: 0.5px;
+      mix-blend-mode: difference;
     }
   }
   option::after {