Point symbols only render correctly when x and y values are whole numbers

[cbranch101]

Something strange seems to be going on with the path functions that render symbols inside of point

<Point symbol="diamond"/>

<Point symbol="plus"/>

"/>

The only shape that seems to work correctly is circle

An example of how I'm providing the point component

<VictoryScatter
    dataComponent={
        <Point
            symbol="plus"
            shapeRendering="auto"
            style={{ fill: "black" }}
        />
    }
/>

[cbranch101]

In fact you can see the same problem in the demo in the docs for Victory Scatter

Both the square and circle are warped

[cbranch101]

After some digging, I think this only happens when the x or y values for the point aren't a whole number

[boygirl]

@cbranch101 thank you for looking into this. We started rounding path values to prevent sub-pixel rendering, but I think this is causing error and distortion.

[cbranch101]

@boygirl Yep, I think that's what it was. PR inbound to victory-core that I think will address this.