Code

...
            <td valign="top">
                <!-- The NodeListView component is bound to the canvas element below -->
                <div style="width: 200px; height: 300px; overflow: auto; border: 1px solid rgb(0, 0, 0);">
                    <canvas id="nodeList"></canvas>
                </div>
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        MindFusionImpl = "JQuery";
    </script>
    <script src="jquery-1.7.1.js" type="text/javascript"></script>
    <script src="MindFusion.Diagramming.js" type="text/javascript"></script>
    <script src="Controls.js" type="text/javascript"></script>

...

// create a NodeListView component that wraps the "nodeList" canvas
var nodeList = MindFusion.Diagramming.NodeListView.create($("#nodeList")[0]);
nodeList.setTargetView($("diagram")[0]);
initNodeList(nodeList, diagram);