Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/constantiner/sierpinski-triangle-react

Sierpiński triangle implementation with React/TypeScript
https://github.com/constantiner/sierpinski-triangle-react

canvas canvas2d react reactjs recursion-exercises sierpinski-triangle typescript

Last synced: 26 days ago
JSON representation

Sierpiński triangle implementation with React/TypeScript

Awesome Lists containing this project

README

        

# sierpinski-triangle-react

[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/badges/StandWithUkraine.svg)](https://stand-with-ukraine.pp.ua)

This project is a recursive implementation of the Sierpiński triangle using React, Canvas, and TypeScript. The Sierpiński triangle is a fractal named after Polish mathematician Wacław Sierpiński. The triangle is formed by recursively dividing an equilateral triangle into smaller equilateral triangles and removing the central triangle. The resulting pattern is a beautiful and intricate fractal. In this project, we use React to render the Sierpiński triangle on a Canvas element and TypeScript for strict typing. The recursive implementation allows for creating Sierpiński triangles of varying sizes and levels of detail.

The demo is available [here](https://constantiner.github.io/sierpinski-triangle-react/).

Thanks [this article](https://medium.com/@pdx.lucasm/canvas-with-react-js-32e133c05258) for the inspiration.