https://github.com/hasanyahya101/swingsim-vite

This visualization demonstrates how chaos increases in a pendulum system as you add more joints. The motion becomes increasingly unpredictable and complex with each additional joint. Observe the fading paths to see the chaotic trajectories of each joint.
https://github.com/hasanyahya101/swingsim-vite

animation chaos complexity deployment github github-pages joints pendulum physics radix-ui react shadcn-ui static trajectories visualization vite

Last synced: 5 days ago
JSON representation

This visualization demonstrates how chaos increases in a pendulum system as you add more joints. The motion becomes increasingly unpredictable and complex with each additional joint. Observe the fading paths to see the chaotic trajectories of each joint.

• Host: GitHub
• URL: https://github.com/hasanyahya101/swingsim-vite
• Owner: HasanYahya101
• License: mit
• Created: 2024-07-25T01:14:49.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-12-07T13:57:40.000Z (2 months ago)
• Last Synced: 2024-12-07T14:29:39.626Z (2 months ago)
• Topics: animation, chaos, complexity, deployment, github, github-pages, joints, pendulum, physics, radix-ui, react, shadcn-ui, static, trajectories, visualization, vite
• Language: JavaScript
• Homepage: https://hasanyahya101.github.io/SwingSim-Vite/
• Size: 188 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SwingSim (React + Vite)

## Introduction

This visualization demonstrates how chaos increases in a pendulum system as you add more joints. The motion becomes increasingly unpredictable and complex with each additional joint. Observe the fading paths to see the chaotic trajectories of each joint. The larger circle at the top represents the fixed point where the pendulum is attached.

## UI Library

Radix UI and ShadCN components were used to create the UI of the website. Moreover, Vite was used to create this React Project.

## Deployment

This project was deployed to Github Pages and can be tested there. No servers or databases were used in this Project.

## Preview (Desktop)

![Screenshot 2024-07-25 061906](https://github.com/user-attachments/assets/f4899709-c51d-42c4-abbc-729d15105579)

![Screenshot 2024-07-25 062016](https://github.com/user-attachments/assets/d7aea277-7324-442c-8406-e79cee7f7e42)

![Screenshot 2024-07-25 062023](https://github.com/user-attachments/assets/df91f22c-f34d-438d-8313-402e5fe51cd9)

## Preview (Mobile)

![Screenshot_20240724-213057](https://github.com/user-attachments/assets/87fe147b-7ac8-4583-9c31-fbaeed353867)

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh