<table><tr>
  <td style="width: 200px;">
    <h3>Basic</h3>
    <ul>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/circle');">Circle</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/arc');">Arc</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/rectangle');">Rectangle</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/line');">Line</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/text');">Text</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/polygon');">Polygon</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/picture');">Picture</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/line-style');">Line Style</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/text-width');">Text Width</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/gradient-color');">Color Gradient</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/radial-color');">Radial Color</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/composite');">Composite</a></li>
    </ul>
    <h3>Animation</h3>
    <ul>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/animation-flip');">Flip</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/animation-loops');">Loops</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/animation-sequences');">Sequences</a></li>
    </ul>
    <h3>Interactive</h3>
    <ul>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/drag-and-drop');">Drag and Drop</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/draggable-line');">Draggable Line</a></li>
      <li><a href="[{Hash}]" onclick="return loadExample('KitchenSink/examples/draggable-objects');">Draggable Objects</a></li>
    </ul>
  </td>
  <td><canvas id="exampleCanvas" width="400" height="400" style="border: solid 1px;"></canvas></td>
  </tr>
  <tr><td colspan="2">
    <textarea id="exampleScript" cols="120" rows="10"></textarea>
    </td></tr></table>