https://github.com/bocaletto-luca/figures2d

2D Geometry Web App is an interactive educational tool designed for calculating properties, studying formulas, and visualizing geometric shapes. The app covers a wide range of 2D figures, allowing users to compute area, perimeter, and other attributes dynamically while learning their mathematical rules. By Bocaletto Luca
https://github.com/bocaletto-luca/figures2d

2d-geometry bocaletto-luca calculator css3 figures figures-2d geometry geometry-calculator html5 javascript opensource responsive school webapp

Last synced: 22 days ago
JSON representation

2D Geometry Web App is an interactive educational tool designed for calculating properties, studying formulas, and visualizing geometric shapes. The app covers a wide range of 2D figures, allowing users to compute area, perimeter, and other attributes dynamically while learning their mathematical rules. By Bocaletto Luca

• Host: GitHub
• URL: https://github.com/bocaletto-luca/figures2d
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-06-02T12:55:38.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-10T08:47:21.000Z (12 months ago)
• Last Synced: 2025-06-26T09:47:53.006Z (12 months ago)
• Topics: 2d-geometry, bocaletto-luca, calculator, css3, figures, figures-2d, geometry, geometry-calculator, html5, javascript, opensource, responsive, school, webapp
• Language: HTML
• Homepage: https://bocaletto-luca.github.io/
• Size: 44.9 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📐 Figures 2D | Geometry | Web App  

🚀 **2D Geometry Web App** is an interactive educational tool designed for **calculating properties, studying formulas, and visualizing geometric shapes**. The app covers a wide range of **2D figures**, allowing users to **compute area, perimeter, and other attributes** dynamically while learning their mathematical rules. 🧮  

[![Test Online](https://img.shields.io/badge/Test%20Online-Click%20Here-brightgreen?style=for-the-badge)](https://bocaletto-luca.github.io/Figures2D/)

---

## 🏆 Features  

✅ **Calculate Geometric Properties** (Area, Perimeter, Angles, etc.) 🔢  

✅ **Study & Learn Formulas for Each Shape** 📜  

✅ **Step-by-Step Explanations of Geometric Rules** 📝  

✅ **Interactive Visualization of 2D Shapes** 🎨  

✅ **Customizable Inputs for Accurate Calculations** 📏  

✅ **Compare Different Figures with Dynamic Scaling** 🔄  

---

## 🎮 How It Works  

**1️⃣ Select a Shape**  

   - Choose a **2D geometric figure** (**Circle, Triangle, Square, Rectangle, Pentagon, Hexagon, etc.**).  

**2️⃣ Enter Dimensions**  

   - Provide necessary values like **length, width, radius, angles**, etc.  

**3️⃣ Perform Calculations**  

   - Click **"Calculate"** to obtain **area, perimeter, angles**, and other geometric attributes.  

**4️⃣ Study Rules & Formulas**  

   - View **detailed explanations** and formula derivations for each shape.  

**5️⃣ Visualize & Customize Geometry**  

   - Dynamically adjust shapes, scale sizes, and **view interactive diagrams**.  

---

## 🔗 Technologies Used  

### 💻 **Frontend**  

![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?&style=flat&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-%231572B6.svg?&style=flat&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1E.svg?&style=flat&logo=javascript&logoColor=black)

### 📊 **Graphing & Visualization**  

![Canvas API](https://img.shields.io/badge/Canvas-%23FF5722.svg?&style=flat)

![Chart.js](https://img.shields.io/badge/Chart.js-%23FF6384.svg?&style=flat&logo=chart.js&logoColor=white)

---

## 📜 Author  

**👨‍💻 Bocaletto Luca**  

Made with ❤️ for **education & geometry**! 🧮  

If you enjoy **2D Geometry Web App**, ⭐ **star this repository** and share with fellow learners! 🚀  

---

## 🔗 License  

This project is licensed under the **GPL License**.  

Feel free to **use, modify, and distribute** it freely! 😊  @bocaletto-luca

---