CalcGraph

CalcGraph is an interactive web app that combines a scientific calculator with an equation grapher. Perform advanced calculations, use mathematical functions, plot multiple equations, define variables, zoom and pan graphs, and explore mathematical concepts through a simple, modern interface.

CalcGraph — Calculator & Equation Grapher

CalcGraph is a modern, interactive web application that combines a scientific calculator with an equation grapher. It is designed to make mathematical calculations and function visualization simple, intuitive, and accessible.

Features

🧮 Scientific Calculator

• Basic arithmetic operations: addition, subtraction, multiplication, and division.
• Scientific functions including sine, cosine, tangent, logarithms, square root, absolute value, floor, and ceiling.
• Mathematical constants such as π and e.
• Exponentiation, factorial, and percentage calculations.
• Positive and negative number toggle.
• Calculation history with up to 50 saved entries.
• Memory functions: MS, MR, MC, and M+.
• Keyboard support for faster calculations.
• Clear and delete controls.

📈 Equation Grapher

• Plot mathematical functions on an interactive coordinate plane.
• Add and remove multiple equations.
• Visualize functions such as sin(x), x^2, and 1/x.
• Define custom variables and constants.
• Support variable expressions such as a = 2 and k = pi/4.
• Adjustable X and Y axis ranges.
• Customizable grid step and graph resolution.
• Zoom using the mouse wheel.
• Pan the graph by dragging.
• Display X and Y coordinates while moving over the graph.
• Automatic equation legend with distinct colors.

🌐 Live Demo

Try CalcGraph online:

Open CalcGraph

🔎 SEO Keywords

CalcGraph is a free online scientific calculator and interactive equation grapher for students, educators, researchers, and mathematics enthusiasts.

It supports:

• Scientific calculations
• Mathematical functions
• Equation plotting
• Graphing calculator features
• Custom variables
• Function visualization
• Interactive mathematical graphs
• Online mathematics learning
• JavaScript mathematics tools
• Math.js calculations

Technologies Used

• HTML5
• CSS3
• JavaScript
• HTML Canvas API
• Math.js

Getting Started

1. Clone the Repository

git clone https://github.com/aryabanerjeetick/CalcGraph.git

2. Open the Project

Navigate to the project folder:

cd calcgraph

3. Run the Application

Open the index.html file in a modern web browser.

No backend server or installation is required for the basic application.

How to Use

Calculator

1. Open the Calculator tab.
2. Enter numbers and mathematical operators using the buttons or keyboard.
3. Select scientific functions when required.
4. Press = to calculate the result.
5. View previous calculations in the History section.

Equation Grapher

1. Open the Grapher tab.
2. Enter an equation such as x^2 or sin(x).
3. Add variables if required.
4. Adjust the graph settings.
5. Click Plot Graph to visualize the equation.
6. Use the mouse wheel to zoom and drag to move around the graph.

Mathematical Engine

CalcGraph uses Math.js for evaluating mathematical expressions and compiling equations for graphing.

Browser Compatibility

CalcGraph is designed for modern browsers that support HTML5 Canvas and JavaScript, including:

• Google Chrome
• Microsoft Edge
• Mozilla Firefox
• Opera

Future Improvements

• Dark and light themes.
• Export graphs as PNG images.
• Save and load calculations.
• More advanced mathematical functions.
• Parametric and polar graphing.
• Responsive improvements for mobile devices.
• Persistent calculation history.

License

This project is available for educational and personal use. MIT Licensed.

Author

Developed by Arya Bandyopadhyay.

If you find CalcGraph useful, consider giving the repository a ⭐ on GitHub.

Support CalcGraph

If you find CalcGraph useful and would like to support its development, you can contribute through UPI.

UPI ID: 9123621314@kotakbank

Thank you for supporting the project!