I was trying to build a fourier series illustration I found and I was very close to completing when this weird problem occurred. The first illustration in this part of the wikipedia page is what I am trying to recreate. As you slide the slider forward it starts to approach a square wave pretty well. But abruptly, it starts to connect lines weirdly and make a mess out of it.

I was trying to build a fourier series illustration I found and I was very close to completing when this weird problem occurred. The first illustration in this part of the wikipedia page is what I am trying to recreate. As you slide the slider forward it starts to approach a square wave pretty well. But abruptly, it starts to connect lines weirdly and make a mess out of it.

I was trying to build a fourier series illustration I found and I was very close to completing when this weird problem occurred. The first illustration in this part of the wikipedia page is what I am trying to recreate. As you slide the slider forward it starts to approach a square wave pretty well. But abruptly, it starts to connect lines weirdly and make a mess out of it.

I have a fill path that creates a simple triangle: M49.5 0L92.3683 94.5L6.63174 94.5L49.5 0Z.