Yin & Yang

The Challenge is to create the Yin & Yang symbol, using circles.

Attachment 122460

My design began with a 16cm circle. The next size down was 8cm and the last size is 2cm.
I finally included black edging of thickness 2mm.

Acorn

Since I have created several dozen yin and yangs

This might not be exactly to your specs Acorn but this is my technique.

Quote:

---

Originally Posted by gwpriester

This might not be exactly to your specs Acorn but this is my technique.

---

Looks like an elegant solution to me Gary.

@Gary, the only difference I would have made was change the larger circle to Editable Shape and remove a node and make the top and bottom nodes Line and Cusp.
I would then have cloned and flipped to get another semi-circle.

To make it with circles only, I drew my large circle with a Linear Fill, Black and White and Profile (1, 0).

Acorn

Here is my solution: Attachment 122466.

If you are puzzled by the "square" Yin & Yang, that one needs to be Previewed in a browser.
A small bit of CSS turns the squares into the required circles.

Why?

Two reasons.
First, it removes jaggies that bitmaps produce. Scale the browser to 500% or higher and compare top with bottom.
Second, only one image is generated and that is tiny. Download and rendering speeds are therefore quicker. I could have used code to generate the abrupt linear gradient but its coding is almost as bit as the small bitmap I chose instead.

Acorn

Here are a few more. I must have done at least three dozen of these over the years.

That's clever stuff Acorn ;)

+1.5

That really had me scratching me head until I saw Gary's solution - then it was so easy ;)

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

Quote:

---

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

---

Yeah I had to work a little to see that one before I posted it.

I particularly like the spiral version.

Yin &Yang commas :think: Just wanted to see how it would turn out. :D The top image is Gary's method.

Stygg

:)

Quote:

---

Originally Posted by Acorn

Here is my solution: Attachment 122466.

If you are puzzled by the "square" Yin & Yang, that one needs to be Previewed in a browser.
A small bit of CSS turns the squares into the required circles.

Why?

Two reasons.
First, it removes jaggies that bitmaps produce. Scale the browser to 500% or higher and compare top with bottom.
Second, only one image is generated and that is tiny. Download and rendering speeds are therefore quicker. I could have used code to generate the abrupt linear gradient but its coding is almost as bit as the small bitmap I chose instead.

Acorn

---

An improvement that does not need CSS coding, Xara provides it free-of-charge: Attachment 128594

The red shape is made from rounded rectangles!

Happy New Year,
Acorn

Quote:

---

Gary really like your hidden pictures, especially the snowperson, which I actually found quite hard to get started but worth the effort.

---

Thank you.