Generating DNA images

by Peter Collingridge
My sister's handmade cards on Etsy.
Drawing of a pile of animals

I read on Richard's excellent blog that there are few high quality images illustrating PCR. He created the images using Inkscape which had produced some highly unoptimised and difficult to understand code. This doesn't really make any difference to anything, but I like trying to optimise SVGs.

I started to manually optimise the code, but after a while realised it would be quicker to start almost from scratch, just using the images of the bases. Then I thought it would be relatively easy to write a program to create the image for me. And then I thought it wouldn't be much harder to write a webpage so anyone could generate images. This is my attempt.

I've now realised what would be even better is if you could drag the images on the SVG itself, but that's for another day.

Create SVG image of DNA

Use the Add Sequence button to add sequences and edit their properties.

Image dimensions: (, )
Add sequence
Sequence 1
Position: (, )

To do