Mafs

React components for interactive math

ReactMathCharting
stevenpetryk/mafsmafs.devmafs

README

Mafs


Mafs is a set of opinionated React components for creating math visualizations.

Visit the docs →


Development


Development is done inside of the Next.js documentation site, which directly
imports Mafs components from src/. To start the development server, run:

  1. ```
  2. pnpm install
  3. pnpm start
  4. ```

Then visit localhost:3000.

Tests


Mafs uses visual regression testing to ensure consistency between updates. This means that it takes literal screenshots of components as rendered by the browser, and compares them to a known "correct" screenshot.

Currently, these tests are limited to static screenshots—the SVG output of Mafs is rendered to a string and plopped onto a Puppeteer page. This means that interactive things and animations don't work yet.