The arrangement of the key signatures in the Circle of Fifths is based on the number of sharps or flats in each key. Each key signature is separated by the distance of a fifth interval. There are 7 sharp keys and 7 flat keys. However, the top of the Circle, is our neutral key, meaning no sharps or flats: C Major.
Because you have to do frame by frame movements and depending on how smooth you want your animation to be would depend on how many frames are required.
