NumPixel

NumPixel started as my freshman year project for Numerical Methods class, transforming complex mathematical computations into beautiful, interactive visualizations. What began as a simple calculator evolved into a comprehensive tool that helps students understand interpolation methods through real-time graphs and step-by-step solutions.

🚀 Demo here!

✨ Core Features

• 🎯 Interactive Calculator Window

  • Custom-built macOS-style window interface
  • Smooth animations and transitions
  • Minimizable and maximizable window

• 📊 Real-time Visualization

  • Dynamic graph plotting as you input values
  • Visual representation of interpolation points
  • Responsive charts that update instantly

• 🧮 Comprehensive Interpolation Methods

  • Newton's Forward & Backward
  • Stirling's Method
  • Gauss's Forward & Backward
  • Lagrange Polynomials
  • Divided Differences
  • Central Difference Method

• 📝 Detailed Solutions

  • Step-by-step calculation breakdowns
  • Formula visualization
  • Difference tables generation
  • Substituted values display

🎨 User Interface

• Modern Design

  • Clean, dark theme with purple accents
  • Custom scrollbars and animations
  • Responsive layout for all devices
  • Loading screen with progress indicator

• Smart Components

  • Floating action button with quick access
  • Error validation and handling
  • Decimal places control
  • Easy-to-use input forms

🚀 Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Start the development server: npm run dev
4. Compile styles: npm run node-sass

💡 Usage Tips

• Input x and y values separated by spaces
• Adjust decimal places for precision
• Watch the graph update in real-time
• Use the step-by-step solutions to understand the process

🛠️ Built With

• React + Vite
• TailwindCSS
• SCSS
• Recharts for visualizations
• React Awesome Reveal for animations

Released under MIT License - feel free to use it in your projects!