body { background-color: #fff; font: 16px "Optima", Helvetica, Arial, sans-serif; } #container { float: left; padding: 0px 20px; margin-right: 20px; width: 300px; border-right: 1px solid #000; }
The visualization on the right provides an interactive way of inserting keys a,...,k. Click in a cell on the left side to choose the first cell of the key. The chosen cell will be highlighted and you can now choose the place of this key in the second table. Each key is colored and when the key is inserted, we will add a line between the two chosen table cells. See a static example with explanation!
Martin Aumüller, 2009.