I was inspired by Jacob Joaquin ’s Solar Flare sketch on OpenProcessing which uses p5.js .

I wanted to create a similar effect but in an .svg format so that I could plot it with a pen plotter.

Now, let’s make it with two.js into an SVG.

This one will re-generate when the window refreshes.

Now, let’s make it interactive so that a user can tweak values without re-generating the entire drawing.

Seed Start Step Noise Offset

Since these svgs will be used on a pen plotter, the code should vary the radial location of the start/end of each of the paths. This will prevent a visible line formed from the artifacts from the pen-up / pen-down point.

Let us put everything together.

Seed Start Step Noise Offset