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

@@ -7,16 +7,15 @@ export default async function () {
   const domain = feature(world, world.objects.land);
   const width = 600;
   return Plot.plot({
-    width: width,
+    width,
     height: width,
-    margin: -1,
     projection: {
-      type: "azimuthal-equidistant",
+      type: "azimuthal-equal-area",
       rotate: [45, -90],
       domain: {type: "Sphere"},
-      clipAngle: 31,
+      clip: 31,
       inset: -width * (Math.SQRT1_2 - 0.5) // extend to corners instead of edges
     },
-    marks: [Plot.graticule(), Plot.geo(domain, {fill: "#ccc", stroke: "currentColor"})]
+    marks: [Plot.geo(domain, {fill: "#ccc", stroke: "currentColor"}), Plot.graticule()]
   });
 }

test/plots/index.js

@@ -0,0 +1,21 @@
+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 land = 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],
+      domain: d3.geoCircle().center([0, 90]).radius(85)(),
+      clip: "frame",
+      inset: -185
+    },
+    marks: [Plot.graticule(), Plot.geo(land, {fill: "#ccc", stroke: "currentColor"}), Plot.frame({stroke: "white"})]
+  });
+}