## Hello world!

    <!DOCTYPE html>
    <html>
    <head>
        <link rel="stylesheet" href="joint.css" />
        <script src="jquery.js"></script>
        <script src="lodash.js"></script>
        <script src="backbone.js"></script>
        <script src="joint.js"></script>
    </head>
    <body>
      <div id="myholder"></div>
      <script type="text/javascript">

        var graph = new joint.dia.Graph;

        var paper = new joint.dia.Paper({
            el: $('#myholder'),
            width: 600,
            height: 200,
            model: graph,
            gridSize: 1
        });

        var rect = new joint.shapes.basic.Rect({
            position: { x: 100, y: 30 },
            size: { width: 100, height: 30 },
            attrs: { rect: { fill: 'blue' }, text: { text: 'my box', fill: 'white' } }
        });

        var rect2 = rect.clone();
        rect2.translate(300);

        var link = new joint.dia.Link({
            source: { id: rect.id },
            target: { id: rect2.id }
        });

        graph.addCells([rect, rect2, link]);

      </script>
    </body>
    </html>