Unlisted
Edited
Jun 16, 2024
Insert cell
Insert cell
d3P = import("https://esm.sh/gh/d3/d3-geo-polygon@main")
Insert cell
map(d3P.geoInterruptedBoggs())
Insert cell
map(d3P.geoBerghaus().lobes(13))
Insert cell
map(d3P.geoGingery().lobes(10))
Insert cell
map(d3P.geoHealpix().lobes(12))
Insert cell
map(d3P.geoInterruptedHomolosine());
Insert cell
map(d3P.geoInterrupt(d3O.geoHomolosineRaw, [
[
[
[-180, 0],
[-130, 90],
[-95, 0],
],
[
[-95, 0],
[-30, 90],
[55, 0],
],
[
[55, 0],
[120, 90],
[180, 0],
],
],
[
[
[-180, 0],
[-120, -90],
[-60, 0],
],
[
[-60, 0],
[20, -90],
[85, 0],
],
[
[85, 0],
[140, -90],
[180, 0],
],
],
])
.rotate([-204, 0])
.precision(0.1)
);
Insert cell
map(d3P.geoInterruptedSinuMollweide());
Insert cell
map(d3P.geoInterruptedMollweideHemispheres());
Insert cell
map(d3P.geoInterruptedMollweide());
Insert cell
map(d3P.geoInterruptedSinusoidal());
Insert cell
d3O = require("d3-geo-projection@4")
Insert cell
map = (projection) =>
Plot.plot({
projection: {
type: ({ width, height }) =>
projection.fitSize([width, height], { type: "Sphere" })
},
marks: [
Plot.geo(land, { fill: "currentColor", fillOpacity: 0.5 }),
Plot.graticule(),
Plot.sphere()
]
})
Insert cell
import {land} from "@visionscarto/geo"
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more