Palindromic Sequence draft v 0.1

**** Update *****
This illustration is complete.
See it here

First pass at creating an illustration to show the base patterns found in palindromic sequences.

It is a companion to the restriction enzyme illustration I am developing.

This version starts by animating in an eight base sequence and its reverse complement in a way that highlights how an initial four base motif can be used to construct an entire double stranded, eight base palindromic sequence.

The illustration uses a random four base sequence. A new random sequence is generated each time the page loads or the 'new sequence button' is clicked. This is a nice way to show that any series of bases can be used to create a palindromic sequence, but may add an element of randomness to the illustration that is not necessary. An alternative is to start with a list of restriction enzyme motifs and have the illustration select a random one from that list of know restriction enzyme recognition sites.

• The illustration starts with an animated series of steps that show how an eight base palindromic sequence can be created from any four bases.
• Once the entire eight base sequence and its complement are visible, hovering over any base highlights the related bases. The selected base and its match on the opposite strand turn blue. The two complementary bases turn gold. One complementary base is on the complementary strand and the other is on the same strand as the selected base

Next Steps:

• Add some dialogue boxes that appear along with the animation to describe the steps
  1. Generate the rest of the forward sequence by determining its reverse complement, switching its order and placing it after the initial set of bases
  2. Use the now complete eight base forward strand to determine the reverse complement by matching Gs to Cs, Cs to Gs, As to Ts and Ts to As.
• Resize the container to fit better with the size of the illustration. Unless more visual elements are added, the box is much too big.
• The base highlighting depends on hover and does not work with touch devices. Need to add click or other touch based interaction to make the illustration more mobile friendly.