Dynamic Flag Semaphore Rendering using vanilla HTML/CSS and Javascript.
Flag semaphore (from the Ancient Greek σῆμα (sêma) 'sign' and -φέρω (-phero) '-bearer'[1]) is a semaphore system conveying information at a distance by means of visual signals with hand-held flags, rods, disks, paddles, or occasionally bare or gloved hands.
Source, find more about Flag Semaphore at Flag-Semaphore-Wiki
Try out the project live here.