frontends/react/src/usage.md

# Usage

This visualizer allows you to define a function and minimize it using one of several iterative optimization algorithms.

---

## Settings

In this tab, you can:

- Select a preset function to optimize  
- Or choose **--Custom--** to define your own function  

When entering a custom function:

- Use **`x`** for univariate functions  
- Use **`x`** and **`y`** for bivariate functions  

---

## Optimize

In this tab, you can:

- Step through the optimization process
- See the optimizer’s trajectory

---

## Plot Screen

The plot is interactive:

- Click and drag to pan
- Scroll to zoom
- In bivariate mode, click **Update color scale** to rescale the heatmap so that the currently visible minimum and maximum values define the color range