Mastering Math Views: Grids & Complex Equations

Precision is key in mathematics. Sometimes you need a clean abstract shape, but other times you need a rigorous grid with clear numerical labels. We’ve enhanced our tools to support both.

1. Custom Grids and Labels

You can now control the density of the grid lines and enable axis labels for better readability.

Trigonometric Grid

Grid steps of π/2

$y = \sin(x)$

Sine Wave with Labels

Note: The x-axis steps are set to approx $\pi/2$ (1.57).

2. Complex Multi-Function Plots

Combining EquationGraph with StyledMath (KaTeX) creates a textbook-quality experience.

Harmonic Addition

Adding sine and cosine

$f(x) = \sin(x) + \cos(x)$

Superposition

3. Dark Mode Adaptation

Our components automatically adapt to your site’s theme. The grids become subtle, and the text adjusts to be legible against dark backgrounds.

Dark Mode Preview

$y = e^{-x^2}$

Gaussian Function

Usage

<EquationGraph 
    function="sin"
    xStep={1}        // Grid every 1 unit
    yStep={0.5}      // Grid every 0.5 units
    showLabels={true} // Enable numbers
/>