Plot: Voronoi labelsDelaunay edge coloringDelaunay sub-graphsd3-delaunay@6 robustly releasedClip LloydSemi-square voronoiTP3: Power Diagram and Semi-Discrete Optimal TransportSpatial interpolation: Voronoi & Blur (code)Paths Delaunay hoverSelf-Organizing Maps meet DelaunayVoronoiMap2DPolygon TriangulationHello, constrainautorThe Gray-Fuller spatial gridUnconnected Delaunay NeighborsLinde–Buzo–Gray stipplingLloyd’s relaxation on a graphManhattan Voronoi IIManhattan VoronoiGraph VoronoiWorld Cities UrquhartUK TricontoursGeo Voronoi interpolationSpherical contoursPetri dish bubblingd3-geo-voronoi and gridded dataDelaunay.findTriangleIris Voronoi 3The Voronoi projectionSouth Africa’s medial axisDirection to shoreDistance to shoret-SNE VoronoiAlpha shapes 3Alpha shapes 2So many countries’ VoronoisKruskal MazeOffscreen VoronoiGeo Mesh & fake pointsDrawing Voronoi with two.jsAlpha shapesSpherical VoronoiPerturbed Geodesic RainbowWorld Airports UrquhartSpherical Lloyds RelaxationAntarctica’s VoronoiWorld Airports VoronoiThe Urquhart graphGeo Delaunay
Murphey Butterfly Projection
Also listed in…
Projections
geoPolyhedralMurphey = function() {
const raw = d3.geoAzimuthalEqualAreaRaw;
function clipPole(lambda, phi) {
// approximation of the distance (in radians) to the ±80° circle
let pole = abs(phi) - 1 * lambda ** 2 - 0.78;
if (pole > 0) phi -= sign(phi) * pole;
return raw(lambda, phi);
}
clipPole.invert = raw.invert;
function faceProjection(face) {
return d3.geoProjection(clipPole).rotate([-face.site[0], -face.site[1]]);
}
return d3
.geoPolyhedralVoronoi()
.parents([-1, 0, 0, 1, 0, 4, 4, 5])
.angle(30)
.polygons(polygons)
.faceProjection(faceProjection)
.fitExtent([[0, 0], [width, width / 2]], { type: "Sphere" })
.rotate([35, 0])
.precision(0.1);
}
function octant(face) {
let poly = [];
let j = face.length - 1;
const N = 16;
for (let i = 0; i < face.length; i++, j = ++j % face.length) {
const interpolate = d3.geoInterpolate(face[j], face[i]);
let n;
for (n = 0; n <= N / 2; n++) poly.push(interpolate((0.1 + n) / (N + 1)));
poly.push(interpolate(0.499)); // anchor points
poly.push(interpolate(0.501));
for (n = n; n < N; n++) poly.push(interpolate((0.1 + n) / (N + 1)));
}
poly.push(poly[0]);
return { type: "Polygon", coordinates: [poly], face: face };
}
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.
