I created 4 quadratic curves. Then on each curve I started a for loop. I the used the stroke method and created radial gradients. I changed the colors with each gradient. Here are 7 examples.

I created arcs with different colors and made 4 segments to create a full circle.

You can do a lot with ellipses in HTML 5 Canvas. Here is one with many colors.