Gradient Descent Visualizer

A simple, interactive React component for visualizing Linear Regression and Loss Landscapes.

Features

• Interactive Linear Regression: Drag sliders to adjust slope (m) and intercept (b) and see the line update in real-time.
• Real-time Loss History: Visualize the Mean Squared Error (MSE) change over time as you tweak parameters.
• Lightweight: Minimal dependencies (only React).

Installation

npm install gradient-descent-visualizer
# or
yarn add gradient-descent-visualizer

Usage

import LinearRegressionVisualizer from 'gradient-descent-visualizer';

function App() {
  return (
    <LinearRegressionVisualizer />
  );
}

Development

1. Clone the repository.
2. Install dependencies: npm install
3. Start the dev server: npm run dev
4. Build the library: npm run build