Published
Edited
Jul 8, 2020
3 stars
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 TriangulationThe 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 VoronoiMurphey Butterfly ProjectionAlpha 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
Hello, constrainautor
Also listed in…
Hello
{
const context = DOM.context2d(width, 500);
context.beginPath();
d3.Delaunay.from(points).render(context);
context.stroke();
context.save();
context.beginPath();
context.setLineDash([3, 3]);
context.strokeStyle = "brown";
context.lineWidth = 1.5;
context.moveTo(...points[0]);
context.lineTo(...points[2]);
context.stroke();
context.restore();
context.fillText("Delaunay triangulation", 20, 20);
context.translate(width / 2, 0);
context.beginPath();
constrained.render(context);
context.stroke();
context.save();
context.beginPath();
context.strokeStyle = "brown";
context.lineWidth = 1.5;
for (const [a, b] of constrains) {
context.moveTo(...points[a]);
context.lineTo(...points[b]);
}
context.stroke();
context.fillText("Constrained triangulation", 20, 20);
return context.canvas;
}
points = [[150, 50], [50, 200], [150, 350], [250, 200]]
constrains = [[0, 2]]
constrained = {
const del = d3.Delaunay.from(points);
const con = new Constrainautor(del._delaunator);
for (const c of constrains) con.constrainOne(...c);
con.delaunify();
return del;
}
d3 = require("d3-delaunay@5")
Constrainautor = require("@kninnug/constrainautor")
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.