Bright Red and Dark Greenish Cyan Yin-Yang

by AdamStanislav - uploaded on June 11, 2016, 3:50 am

The entire graphic is drawn as a single path filled with greenish cyan (or any other color you change the value of “fill” in line 4). The other half, usually shown in white is created here as a hole in the path, but we have placed a red circle behind it. That means it is completely transparent, and has the red color its background has. To achieve this, not just with SVG but with other vector formats, any black portion of the path is drawn counterclockwise, any “white” portion clockwise.



Quite frankly, I think this color combination is ugly. But it uses two opposing colors, so it expresses the idea of opposites that Yin-Yang symbolizes.



Also, this graphic is taking advantage of the kappa constant described in my e-book Bézier Circles and other shapes, freely downloadable from www.smashwords.com/books/view/483578 (kappa = 4 * (sqrt(2) - 1) / 3).