https://github.com/radkinz/3d-fibonacci

The Fibonacci sequence visualized in a 3D structure using Three.js.
https://github.com/radkinz/3d-fibonacci

3d fibonacci javascript threejs visualization

Last synced: about 1 month ago
JSON representation

The Fibonacci sequence visualized in a 3D structure using Three.js.

• Host: GitHub
• URL: https://github.com/radkinz/3d-fibonacci
• Owner: radkinz
• Created: 2021-10-25T02:17:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-10-30T03:49:05.000Z (over 4 years ago)
• Last Synced: 2025-06-09T15:46:18.825Z (about 1 year ago)
• Topics: 3d, fibonacci, javascript, threejs, visualization
• Language: JavaScript
• Homepage:
• Size: 21.5 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# The Fibonacci Sequence Visualized in 3D

A 3D structure that visualizes the Fibonacci sequence by displaying a block spiral (similar to the Fibonacci spiral), where the sizes of the blocks are based on the Fibonacci ratio. The 3D blocks are rendered using [Three.js](https://threejs.org/), which is a JavaScript library that creates 3D computer graphics using WEBGL.

## The Fibonacci Sequence

[The fibonacci sequence](https://en.wikipedia.org/wiki/Fibonacci_number) is an infinite sequence of numbers where each number is the sum of the two numbers that precede it. For example, the first 4 numbers are 0, 1, 1, 2.

As one can notice, 2 is the sum of 1+1 and the second 1 is the sum of 1+0.

## The Fibonacci Spiral

![fib spiral](/images/fibspiral.png)

The approximate rate of change for every nth number in the Fibonacci sequence is very close to the golden ratio. Thus, if we use the Fibonacci numbers to act as lengths of squares and display those squares, we can see a beautiful spiral as seen in the image above.

## Example Images