--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+ <head>
+ <META http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
+ <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
+ <script type="text/javascript" src="js/interaction.js"></script>
+ </head>
+ <body>
+ <div style="float:left;width:450px;height:600px;border:1px blue solid">
+ [% svg %]
+ </div>
+ <div style="float:left;width:450px;height:600px;border:1px blue solid;overflow:auto;">
+ <table>
+ [% FOREACH row IN variants -%]
+ [% INCLUDE variantrow %]
+ [% END -%]
+ </table>
+ </div>
+ </body>
+</html>
+
+[% BLOCK variantrow %]
+<tr>
+ <th>[% row.id %]</th>
+ [% FOREACH reading IN row.readings -%]
+ <td><span onclick="color_nodes([% reading.group %]);">[% reading.text %]</span></td>
+ [% END -%]
+ [% FILTER repeat( row.empty ) -%]
+ <td/>
+ [% END -%]
+</tr>
+[% END %]
\ No newline at end of file