"simple" vector field plot not displaying many points

[sritchie]

Hi @stevenpetryk! I was playing around with some vector field examples, and noticed that some simple functions, like ([x, y]) => [x, y] or similar versions with [y, x], [y, -x] etc, all failed to fill in values in 3 quadrants:

Here's a stackblitz reproducing the problem:

https://stackblitz.com/edit/react-aqgdx6?file=src%2Findex.tsx

and the code:

import * as React from 'react';
import { createRoot } from 'react-dom/client';

import 'mafs/core.css';
import 'mafs/font.css';

import { Mafs, Plot, Coordinates, useMovablePoint } from 'mafs';

function VectorFieldExample() {
  return (
    <Mafs>
      <Coordinates.Cartesian subdivisions={2} />
      <Plot.VectorField
        xy={([x, y]) => [y, -x]}
        step={0.25}
        xyOpacity={([x, y]) => 0.5}
      />
    </Mafs>
  );
}

createRoot(document.getElementById('root')).render(<VectorFieldExample />);

If I change the step size to a non-multiple-of-0.25, like 0.25001, then 2 more quadrants appear but the top right is missing:

I don't see anything in the Stackblitz logs. Apologies if there is something obvious I'm not seeing in this example!

[stevenpetryk]

Looks like some NaNs are ending up inside the SVG path:

[stevenpetryk]

Fixed in v0.18.8.

[sritchie]

Thanks @stevenpetryk !!