An SVG Line chart using imported table data

This is a simple example of a chart that uses the HTMLTable utility.

	Figure 1	Figure 2	Figure 3	Figure 4
Richard	8	45	13.58	10	76.58
Julie	5	52	45.12	10.0	76.58
Gary	4	35	42.2	10.00	112.12
David	9	94	93.257	10.000	204.257
Charlie	6	53	45.277	10.0000	304.257
Jacky	1	46	53.787	10.0000	104.257
Nevil	8	99	91.852	10.00000	351.257

This goes in the documents header:

<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.table.js"></script>
<script src="RGraph.bar.js"></script>

Put this where you want the chart to show up:

<div style="padding: 15px">
    <div id="cc" style="width: 700px;height:300px"></div>
</div>

<table id="myTable">
    <tr>
        <th></th>
        <th>Figure 1</th>
        <th>Figure 2</th>
        <th>Figure 3</th>
        <th>Figure 4</th>
        <th></th>
    </tr>
    <tr>
        <td>Richard</td>
        <td>8</td>
        <td>45</td>
        <td>13.58</td>
        <td>10</td>
        <td>76.58</td>
    </tr>
    <tr>
        <td>Julie</td>
        <td>5</td>
        <td>52</td>
        <td>45.12</td>
        <td>10.0</td>
        <td>76.58</td>
    </tr>
    <tr>
        <td>Gary</td>
        <td>4</td>
        <td>35</td>
        <td>42.2</td>
        <td>10.00</td>
        <td>112.12</td>
    </tr>
    <tr>
        <td>David</td>
        <td>9</td>
        <td>94</td>
        <td>93.257</td>
        <td>10.000</td>
        <td>204.257</td>
    </tr>
    <tr>
        <td>Charlie</td>
        <td>6</td>
        <td>53</td>
        <td>45.277</td>
        <td>10.0000</td>
        <td>304.257</td>
    </tr>
    <tr>
        <td>Jacky</td>
        <td>1</td>
        <td>46</td>
        <td>53.787</td>
        <td>10.0000</td>
        <td>104.257</td>
    </tr>
    <tr>
        <td>Nevil</td>
        <td>8</td>
        <td>99</td>
        <td>91.852</td>
        <td>10.00000</td>
        <td>351.257</td>
    </tr>
</table>

This is the code that generates the chart - it should be placed AFTER the <div> tag: