My square dance web site uses graphics to denote the location and facing direction of dancers while performing a square dance call. Here are examples of pages that use these graphics:
Polly Wally • Big Block • 1/4 The DeuceyEach is a little square that indicates the location of a dancer on the dance floor. The number indicates which dancer this is. Most squares have a little bump that we call the "nose" and indicates what direction the dancer is facing. Sometimes the dancer could be facing any of a number of directions so we use multiple noses. Sometimes we might just want a box with no "nose" and no number to indicate a placeholder. These web site icons are GIF files and there are lots of them to satisfy all the different permutations of number, direction, and color.
It occurred to me that if we used SVG, it might reduce the number of files downloaded and server requests. This project generates some SVG images using JavaScript.