two techniques for bleed-edges maps

Author: Fil

test/output/projectionBleedEdges.svg

@@ -171,6 +171,7 @@ export {default as penguinSpeciesIslandRelative} from "./penguin-species-island-
 export {default as penguinSpeciesIslandSex} from "./penguin-species-island-sex.js";
 export {default as polylinear} from "./polylinear.js";
 export {default as projectionBleedEdges} from "./projection-bleed-edges.js";
+export {default as projectionBleedEdges2} from "./projection-bleed-edges2.js";
 export {default as projectionClipAngle} from "./projection-clip-angle.js";
 export {default as projectionClipAngleFrame} from "./projection-clip-angle-frame.js";
 export {default as projectionClipBerghaus} from "./projection-clip-berghaus.js";

test/output/projectionBleedEdges2.svg

@@ -5,15 +5,17 @@ import {feature} from "topojson-client";
 export default async function () {
   const world = await d3.json("data/countries-50m.json");
   const domain = feature(world, world.objects.land);
+  const width = 600;
   return Plot.plot({
-    width: 600,
-    height: 600,
+    width,
+    height: width,
+    margin: -1,
     projection: {
-      type: "azimuthal-equidistant",
-      rotate: [0, -90],
-      clipAngle: 35,
-      inset: -100
+      type: "azimuthal-equal-area",
+      rotate: [45, -90],
+      clipAngle: 31,
+      inset: -width * (Math.SQRT1_2 - 0.5) // extend to corners instead of edges
     },
-    marks: [Plot.graticule(), Plot.geo(domain, {fill: "#ccc", stroke: "currentColor"}), Plot.frame({stroke: "white"})]
+    marks: [Plot.geo(domain, {fill: "#ccc", stroke: "currentColor"}), Plot.graticule()]
   });
 }

test/plots/index.js

@@ -0,0 +1,20 @@
+import * as Plot from "@observablehq/plot";
+import * as d3 from "d3";
+import {feature} from "topojson-client";
+
+export default async function () {
+  const world = await d3.json("data/countries-110m.json");
+  const domain = feature(world, world.objects.land);
+  return Plot.plot({
+    width: 600,
+    height: 600,
+    facet: {x: [1, 2], data: [1, 2]},
+    projection: {
+      type: "azimuthal-equidistant",
+      rotate: [90, -90],
+      clipAngle: 85,
+      inset: -185
+    },
+    marks: [Plot.graticule(), Plot.geo(domain, {fill: "#ccc", stroke: "currentColor"}), Plot.frame({stroke: "white"})]
+  });
+}