jointjs/demo/requirejs/main.js

JavaScript diagramming library

require.config({
    baseUrl: '../../',
    paths: {
        // Dependencies for Joint:
        'jquery': 'node_modules/jquery/dist/jquery',
        'backbone': 'node_modules/backbone/backbone',
        'lodash': 'node_modules/lodash/lodash'
    },
    map: {
        '*': {
            // Backbone requires underscore. This forces requireJS to load lodash instead:
            'underscore': 'lodash'
        }
    }
});

require(['jquery', 'build/joint'], function($, joint) {

    var $paper = $('<div/>').appendTo($('#app'));

    var graph = new joint.dia.Graph;

    new joint.dia.Paper({
        el: $paper,
        width: 600,
        height: 400,
        model: graph
    });

    var rect = new joint.shapes.standard.Rectangle({
        position: { x: 50, y: 50 },
        size: { width: 100, height: 100 }
    });

    graph.addCell(rect);
});