Delaunay Triangulation Generator

Why Delaunay looks organized

Given a handful of points, there are many ways to join them into triangles. Delaunay triangulation picks the one that satisfies the empty-circumcircle criterion: for each triangle, the circle touching its three vertices contains no other point. That condition pushes the mesh toward fatter, more uniform triangles.

The visual effect is what makes the low-poly style work: instead of uneven needles, you see facets of similar sizes, like a crystal or a faceted surface. Increasing jitter scatters the points more irregularly; reducing it moves toward a tidier grid.

• Criterion: each triangle's circumcircle stays empty.
• Result: maximizes the smallest angle, avoids slivers.
• Points: more points = denser, heavier mesh.
• Jitter: controls how irregular the distribution is.

Hero background and poster texture

Example 1, a low-poly background for a hero section: use a low point count (dozens, say) for large, clean facets, apply a color gradient in your editor, and the result becomes a light backdrop that does not compete with the text on top.

Example 2, a dense poster texture: raise the points to the hundreds to generate smaller facets, creating a surface that is rich up close. Pin the seed before exporting: if you need the same pattern at another size or in a color variation, just regenerate with the same seed.

Where to use it and what to expect from the SVG

Because the output is vector SVG, it scales without losing sharpness and lets you edit colors, opacity and strokes in any compatible editor. That makes it ideal for hero art, covers, slides and editorial material, always as a background, never fighting the content's reading contrast.

Keep the cost in mind: each triangle is one element in the SVG, so hundreds of points produce heavy files that can hurt page performance. This is a visual implementation for generative design, not a precision CAD or GIS library. Use the lowest density that delivers the texture you want.