HyperMathix is a futuristic, quantum-themed Math solver. It features a stunning, immersive user interface and offers a range of functionalities from basic arithmetic to complex equation solving, graphing, and matrix operations, all within a visually engaging and interactive environment.
HyperMathix is driven by the core mission of providing a dynamic and engaging platform for tackling various mathematical challenges. Its design emphasizes a "quantum" aesthetic, with interactive elements, ambient animations, and a responsive layout that adapts to different screen sizes. The platform aims to:
- Provide a comprehensive tool for various mathematical operations, from basic to advanced.
- Offer full support for complex number arithmetic and functions, a key differentiator.
- Visualise functions dynamically through an interactive graphing mode.
- Solve equations, including linear and quadratic forms, with real and complex roots.
- Deliver an immersive and unique user experience through its quantum-themed interface.
Experience HyperMathix live here:
👉
For a walkthrough of HyperMathix, check out this GIF:
- Immersive Quantum-Themed UI: The application boasts a captivating visual design with a cosmic background, stellar fields, quantum grids, energy waves, and a neural network overlay, creating a truly unique and engaging user experience.
- Interactive Sound Effects: Custom sound effects for button clicks, mode changes, and calculation events enhance user interaction and provide auditory feedback.
- Dynamic Glitch Effects: The main display and graph display incorporate subtle, periodic "glitch" animations, adding to the futuristic, high-tech aesthetic and suggesting complex computational processes.
- Complex Number Support: Beyond standard real number calculations, HyperMathix fully supports complex numbers (
a + bi) across various operations, including arithmetic, exponentiation, logarithms, and trigonometric functions. This is a significant differentiation from typical calculators. - Quadratic and Linear Equation Solver: The "Equations" mode can solve both linear and quadratic equations, handling real and complex roots for quadratic equations.
- Dynamic Graphing: The "Graphing" mode allows users to input functions and visualize them on a Cartesian coordinate system, with interactive controls for zooming and panning.
- Matrix Operations: The "Matrices" mode provides functionality for common matrix operations (addition, multiplication, determinant, inverse, transpose) for 2x2 and 3x3 matrices.
- Responsive Design: The interface is designed to be responsive, ensuring a consistent and usable experience across various devices, from large desktops to smaller mobile screens.
- Enhanced Input Handling: Features like cursor navigation (left/right arrows) and intelligent parsing of expressions (e.g., handling
x²asx^2,2xas2*x, and proper complex number input) streamline the user's input process. - Keyboard Support: The scientific mode includes comprehensive keyboard input handling, allowing users to type expressions directly, including numbers, operators, and special functions.
HyperMathix organises its capabilities into distinct modes, accessible via an intuitive mode selector.
This mode provides fundamental arithmetic operations along with support for complex numbers and common functions.
- Operations: Addition (+), Subtraction (-), Multiplication (×), Division (÷), Percentage (%).
- Functions: Square Root (√), Logarithm (log), Natural Logarithm (ln), Absolute Value (|x|), Argument (arg), Conjugate (x̅).
- Input: Numbers (0-9, .), Parentheses (()), Variable
x, Imaginary uniti. - Controls: Clear (C), Backspace (⌫), Cursor navigation (←, →), Solve (=).
Building upon the basic mode, the scientific mode introduces advanced trigonometric functions and further emphasizes complex number capabilities.
- Operations: All basic arithmetic operations.
- Functions: Power (x^y), Square Root (√), Logarithm (log), Natural Logarithm (ln), Sine (sin), Cosine (cos), Tangent (tan), Inverse Sine (sin⁻¹), Inverse Cosine (cos⁻¹), Inverse Tangent (tan⁻¹), Absolute Value (|x|), Argument (arg), Conjugate (x̅).
- Input: Numbers, Parentheses,
x,i. - Controls: Clear, Backspace, Cursor navigation, Solve.
- Complex Number Integration: Functions like
sin(z),cos(z),log(z),pow(z, w)are implemented to correctly handle complex number inputs and outputs.
Dedicated to solving equations, this mode can handle linear and quadratic expressions.
- Equation Types: Linear equations (e.g.,
2x + 5 = 10), Quadratic equations (e.g.,x^2 + 3x - 4 = 0). - Solution Handling: Provides real roots for linear and quadratic equations, and complex roots for quadratic equations where the discriminant is negative.
- Input: Numbers,
x,y,i, Exponents (x², x³, x^y),e^x,ln(x),log(x), Parentheses, Standard Operators. - Controls: Clear, Backspace, Cursor navigation, Solve Equation (SOLVE).
- Normalization: Automatically converts common exponent notations (e.g.,
x²) to a parsable format (x^2).
This mode allows users to visualize mathematical functions on a Cartesian plane.
- Function Input: Users can input functions of
x(e.g.,sin(x),x^2 + 2x - 1). - Interactive Graphing: Plots the input function on a canvas.
- Controls: Clear Graph, Zoom In (Z+), Zoom Out (Z−), Pan (←, →, ↑, ↓), Graph It.
- Display: Shows domain and range indicators (though dynamically updated values for these are not explicitly observed in
graphing.js).
Designed for performing operations on matrices.
- Matrix Input: Supports input for 2x2 and 3x3 matrices (UI elements for these are present).
- Operations (Planned/Implemented): Addition, Multiplication, Determinant, Inverse, Transpose.
- Quick Fill Options: Buttons to fill matrices with Identity (I), Zeros (0), or Ones (1).
- Controls: Clear Matrix, Calculate.
HyperMathix provides a visually rich and responsive user interface:
- Cosmic Theme: A fixed background of cosmic gradients, stellar fields, quantum grids, and energy waves sets the futuristic tone.
- Neural Network Overlay: Subtle animated neural network elements add to the advanced computing aesthetic.
- Holographic Elements: The calculator's border, display frame, and graph controls feature "holographic" effects with shimmering gradients and glows.
- Dynamic Header: The calculator title (
Sagnik's HYPERMATHIX) includes glowing and pulsating effects, along with quantum signatures and constellation elements. - Power Indicator: A "Quantum Core" power indicator with animating frequency bars provides a sense of the system's operational status.
- Interactive Buttons: Each button is meticulously designed with layered visual effects, including core glows, energy fields, and particle trails that react to hover states.
- Precision and Spacetime Metrics: The display includes decorative "64-BIT QUANTUM" precision and "PLANCK TIME" calculation time metrics, reinforcing the advanced theme.
- Responsive Layout: The layout adjusts seamlessly for optimal viewing and interaction on various screen sizes, from desktop to mobile.
To run Sagnik's HyperMathix:
git clone [https://github.com/eccentriccoder01/hypermathix.git](https://github.com/eccentriccoder01/hypermathix.git) # Assuming a repo named hypermathix
cd hypermathixEach folder (js, styles, favicon, etc.) is client-side. You can serve the project using any local server (e.g. Live Server in VSCode or Python's HTTP server):
npx live-server .- Enhance matrix operations functionality.
- Add more advanced mathematical functions (e.g., hyperbolic trig functions, complex error functions).
- Implement equation system solving (e.g., linear equations with multiple variables).
- Improve graphing capabilities (e.g., multiple function plotting, interactive point tracking).
- Introduce a history feature for past calculations.
- Allow saving and loading of expressions/graphs.
Report bugs and issues or propose improvements through our GitHub repository's "Issues" tab.
-
Firstly Star(⭐) the Repository
-
Fork the Repository and create a new branch for any updates/changes/issue you are working on.
-
Start Coding and do changes.
-
Commit your changes
-
Create a Pull Request which will be reviewed and suggestions would be added to improve it.
-
Add Screenshots and updated website links to help us understand what changes is all about.
-
Check the CONTRIBUTING.md for detailed steps...
We welcome all contributions and suggestions! Whether it's a new feature, design improvement, or a bug fix - your voice matters 💜
Your insights are invaluable to us. Reach out to us team for any inquiries, feedback, or concerns.
This project is open-source and available under the MIT License.
Developed by Eccentric Explorer
Feel free to reach out with any questions or feedback!
