Shapes and Math

Shapes and Math is an interactive web application that demonstrates various mathematical visualizations and shape generators using HTML5 Canvas.

Developed by Marcelo Pinheiro
@mpinheir
Email: mpinheir@gmail.com

Try Shapes and Math

Features

Interactive Visualizations

• Path Drawing: Create and visualize connected paths with customizable vertices
• Connections: Generate and explore network-like connections between points
• Random Shapes: Generate and animate various geometric shapes
• Stick Figures: Interactive stick figure animations
• Boxes: Dynamic box generation and manipulation
• Lorenz Attractor: Visual representation of the Lorenz system of differential equations
• 3D Torus: Interactive 3D torus visualization with rotation controls

Controls

• Adjust the number of vertices/points using the slider
• Clear the canvas with a single click
• Stop animations at any time
• Responsive design that works on different screen sizes

Development

Prerequisites

• Node.js 22 or newer
• npm (comes with Node.js)

Getting Started

1. Clone the repository

   git clone https://github.com/OsProgramadores/shapes-and-math.git
   cd shapes-and-math

2. Install dependencies

   npm ci

3. Run tests

   npm test

4. Open in browser

   • Simply open index.html in your preferred web browser
   • For local development, you can use a simple HTTP server like:

     npx http-server

     Then open http://localhost:8080 in your browser

Contributing

Contributions are welcome! Please ensure that all tests pass before submitting a pull request.

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Run tests
5. Submit a pull request

License

This project is open source and available under the MIT License.

---

Note: This project is part of the OsProgramadores community.