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