sierpinski-triangle
The Sierpinski Triangle is a classic fractal: take an equilateral triangle, remove the central upside-down triangle, repeat on each remaining sub-triangle, repeat again. After infinite iterations, the result has zero area but infinite perimeter β a fractal of dimension log(3)/log(2) β 1.585. The ZTools Sierpinski Triangle Generator draws the construction live in SVG up to depth 9 (19,683 triangles), with custom colours, sizes, and optional chaos-game generation as an alternative to recursion.
Use casesβ
Math classroom β illustrate fractalsβ
Increment depth from 0 to 7 to show how iteration produces the fractal. Visually unforgettable.
Generative wall artβ
High-depth Sierpinski with custom colours produces striking minimalist art.
Algorithm vizβ
Demonstrate divide-and-conquer / recursion visually. Each call splits the problem into 3 sub-problems.
Teach Pascal's Triangle connectionβ
Color Pascal's Triangle entries by parity (odd/even) β the pattern that emerges IS the Sierpinski Triangle.
How it worksβ
- Pick depth β 0 = single triangle. 1 = 3 sub-triangles. N = 3^N triangles.
- Choose colours β Single fill or gradient by depth (top triangle one colour, deeper sub-triangles another).
- Pick generation method β Recursive (exact, deterministic) or chaos game (random β converges to the same shape after ~10,000 points).
- Export β SVG (clean vector), PNG (rasterised at chosen size).
Examplesβ
Input: depth 5, recursive
Output: 243 small triangles arranged in the famous self-similar pattern.
Input: depth 7, recursive
Output: 2,187 triangles β fine detail visible at high res.
Input: chaos game, 10,000 points
Output: Each point random + halfway-to-vertex; result converges to the Sierpinski shape after ~5,000 iterations.
Frequently asked questionsβ
What's the chaos game?
Pick 3 vertices (corners of an equilateral triangle). Start at any point. Repeatedly: pick a random vertex, move halfway towards it, plot. After thousands of iterations, the plotted points form the Sierpinski Triangle. Counter-intuitive but provably correct.
Pascal's Triangle connection?
Color row n column k of Pascal's Triangle black if C(n, k) is odd, white if even. The resulting pattern is a Sierpinski Triangle (visible from row 16 or so).
How big can depth be?
9 in this tool (19,683 triangles). Beyond, SVG path count causes lag. For higher depth, use the chaos game with 100,000+ points.
Privacy?
All in browser.
Tipsβ
- For teaching, animate from depth 0 to depth 5 β each step is dramatic.
- Chaos game shows that randomness can produce structure β counter-intuitive demo for students.
- Connect to Pascal's Triangle visually β same fractal, two derivations.
- Export SVG for slides; PNG only when a raster system needs it.
Try it nowβ
The full sierpinski-triangle runs in your browser at https://ztools.zaions.com/sierpinski-triangle β no signup, no upload, no data leaves your device.
Last updated: 2026-05-06 Β· Author: Ahsan Mahmood Β· Edit this page on GitHub