https://github.com/bocaletto-luca/cartesian-axes

Cartesian-Axes Web App is an interactive web tool designed to visualize and interact with Cartesian coordinate systems dynamically. It allows users to plot points, draw lines, visualize equations, and explore the fundamentals of 2D space mathematics. By Bocaletto Luca
https://github.com/bocaletto-luca/cartesian-axes

bocaletto-luca cartesian cartesian-axes cartesian-chart css3 html5 javascript math mathematics opensource responsive school webapp

Last synced: 24 days ago
JSON representation

Cartesian-Axes Web App is an interactive web tool designed to visualize and interact with Cartesian coordinate systems dynamically. It allows users to plot points, draw lines, visualize equations, and explore the fundamentals of 2D space mathematics. By Bocaletto Luca

• Host: GitHub
• URL: https://github.com/bocaletto-luca/cartesian-axes
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-06-02T11:41:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-09T22:47:43.000Z (about 1 year ago)
• Last Synced: 2025-09-01T03:48:59.766Z (9 months ago)
• Topics: bocaletto-luca, cartesian, cartesian-axes, cartesian-chart, css3, html5, javascript, math, mathematics, opensource, responsive, school, webapp
• Language: JavaScript
• Homepage: https://bocaletto-luca.github.io/
• Size: 31.3 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📈 Cartesian-Axes | Web App  

#### Author: Bocaletto Luca

🚀 **Cartesian-Axes Web App** is an interactive web tool designed to visualize and interact with **Cartesian coordinate systems** dynamically. It allows users to **plot points, draw lines, visualize equations**, and explore the fundamentals of **2D space mathematics**. 🧮  

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

---

## 🏆 Features  

✅ **Dynamic Cartesian Coordinate System** 🎯  

✅ **Plot Points with Precision** 🟡  

✅ **Graph Linear & Quadratic Equations** 📊  

✅ **Real-Time Axis Manipulation** 🔄  

✅ **Interactive Grid for User Input** ⌨️  

✅ **Supports Negative & Positive Quadrants** ➖➕  

---

## 🎮 How It Works  

**1️⃣ Open the Web App**  

   - The **Cartesian plane** is displayed with a **grid and adjustable axes**.  

**2️⃣ Plot Points & Lines**  

   - Click anywhere on the **grid** to place a **point**.  

   - Draw **lines** and visualize **functions** dynamically.  

**3️⃣ Customize Scaling & Grid Appearance**  

   - Adjust the **scale** of the axes for **better visualization**.  

   - Enable **snap-to-grid** for precise plotting.  

**4️⃣ Download & Save Your Graph**  

   - Export the Cartesian graph as **PNG, JPG, or PDF** with one click!  

---

## 🔗 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)

---

## 📜 Author  

**👨‍💻 Bocaletto Luca**  

Built with ❤️ for **mathematics & visualization**! 🧮  

If you like **Cartesian-Axes Web App**, ⭐ **star this repository** and share with fellow learners! 🚀  

---

## 🔗 License  

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

Feel free to **use, modify, and distribute** it freely! 😊  

---