Circle is made of trapezoids, it takes 18 divs to draw the circle from the page.

ah true. Still, having 61 DIVs in the canvas in that example is a fair number.

Still cool though. How about using ● for a circle and scaling the font. I expect you'd have to do some calculations on each platform to adjust for font differences etc, but could work.

Nice idea, I will try to see if its possible to implement it

You can use characters to draw, and it's cross-platform, too:

http://nedbatchelder.com/blog/200805/css_homer_animated.html

(Not that I'd recommend it.)

I should know what font to use, that is available in all operating systems. And how to properly scale and position the character.(should check how the size and position of the character depends on the size of the font)

Manually tried to align them: http://old.etoleto.com/c1/ (orange circles are of text, transparent blue ones of divs) I'm not sure if i should use this instead of divs - being able to select them as text annoys