Delaunay Triangulation Generator

Continue in the tool

More pages for this tool

low poly SVG background

Low poly SVG background

A low poly background is not random noise: it is a Delaunay triangulation, a triangle mesh that avoids thin, sliver-shaped shapes, rendered as a vector SVG that scales without losing sharpness behind hero section content.

Why Delaunay produces a clean mosaic

A Delaunay triangulation connects a set of points while maximizing the smallest angle of every triangle, which avoids the thin, sliver-shaped triangles that any other point connection tends to produce. The rule behind that guarantee is the circumcircle property: no point in the set may fall inside the circumcircle of any triangle in the mesh. The Bowyer-Watson algorithm, used by this generator, applies that rule incrementally from a super-triangle wrapping every point, removing and reconnecting triangles each time a new point violates a neighbor's circumcircle rule.
For N points on a plane, the number of triangles in a triangulation is 2N-2-k, where k is the count of points on the set's convex hull (its "outer boundary"). With seed "vynuo" and 48 points on the default 720 by 420 pixel canvas, this tool generates 86 triangles and roughly a 14 KB SVG: the theoretical ceiling would be 2 times 48 minus 2, or 94 triangles, and the gap of 8 corresponds to the convex hull points, which do not close a triangle inside the boundary.
The resulting mesh is the dual of the Voronoi diagram: every Voronoi cell (the region closer to one point than to any other) corresponds to a vertex in the Delaunay triangulation, and every Delaunay edge crosses a boundary between two Voronoi cells. That is why a low poly mesh with well-distributed points avoids gaps and overlaps: the two geometric structures fit together point for point.

Three low poly mesh densities

Landing page hero, medium density

Input: seed: vynuo, points: 48, width: 720, height: 420, jitter: 30
Expected output: 86 triângulos, SVG de aproximadamente 14 KB

Medium density balances visual detail with file weight: the SVG size can shrink without losing the faceted effect.

Minimalist background, few points

Input: seed: minimal, points: 12, width: 720, height: 420, jitter: 10
Expected output: Malha próxima do teto teórico de 22 triângulos (2 vezes 12 menos 2)

With few points, almost all of them sit on the convex hull, so the real mesh gets close to the mathematical ceiling instead of falling well below it.

Dense texture for a footer section

Input: seed: footer-mesh, points: 100, width: 720, height: 420, jitter: 30
Expected output: Malha densa, SVG proporcionalmente maior que a de 48 pontos

This tool's maximum point count is 120; beyond that the SVG weight grows faster than the perceived visual gain.

Full tool FAQ

What makes Delaunay different from connecting points randomly?

The empty-circumcircle rule: no point lies inside the circle through a triangle's vertices. That maximizes the smallest angle and avoids extremely narrow triangles, producing a more balanced mesh.

Does the seed guarantee the same result?

Are more points always better?

Can Delaunay be used in UI?

Can the SVG be edited later?

Is the triangulation scientific-grade?

Can the result become heavy?

Does generation use a backend?

Frequently asked questions

Does the same seed always generate the same low poly background?

Yes, the seed feeds a deterministic pseudorandom generator: the same seed, point count, dimensions and jitter parameters always reproduce the exact same point positions and therefore the exact same triangle mesh.

How many points do I need for a hero background that is neither empty nor cluttered?

Between 30 and 50 points tends to be the sweet spot for a standard-width hero: fewer leaves triangles too large, competing with overlaid text; more approaches this tool's 120-point cap and grows the SVG weight without a proportional visual gain.

Why do some mesh triangles end up larger than others even with evenly spread points?

Because the Bowyer-Watson algorithm does not distribute area evenly, it only guarantees no point falls inside a neighboring triangle's circumcircle. This tool's jitter parameter adds an extra random offset to each point's position, which increases that natural size variation between triangles.

Is the generated SVG too heavy for a hero section?

It depends on density: 48 points on the default 720 by 420 canvas render around 14 KB, close to a small compressed JPEG, but scalable without loss since it is vector. Dropping the point count to 20 to 30 cuts that weight proportionally without changing format.

Delaunay Triangulation Generator

Continue in the tool

More pages for this tool

Low poly SVG background

Why Delaunay produces a clean mosaic

Three low poly mesh densities

Landing page hero, medium density

Minimalist background, few points

Dense texture for a footer section

Full tool FAQ

Frequently asked questions

Does the same seed always generate the same low poly background?

How many points do I need for a hero background that is neither empty nor cluttered?

Why do some mesh triangles end up larger than others even with evenly spread points?

Is the generated SVG too heavy for a hero section?

Next steps

Delaunay Triangulation Generator

Continue in the tool

More pages for this tool

Low poly SVG background

Why Delaunay produces a clean mosaic

Three low poly mesh densities

Landing page hero, medium density

Minimalist background, few points

Dense texture for a footer section

Full tool FAQ

Frequently asked questions

Does the same seed always generate the same low poly background?

How many points do I need for a hero background that is neither empty nor cluttered?

Why do some mesh triangles end up larger than others even with evenly spread points?

Is the generated SVG too heavy for a hero section?

Next steps