Backbone + Incremental DOM

Box.js

var Box = Backbone.Model.extend({

    defaults: {
        top: 0,
        left: 0,
        color: 0,
        content: 0
    },

    initialize: function() {
        this.count = 0;
    },

    tick: function() {
        var count = this.count += 1;
        this.set({
            top: Math.sin(count / 10) * 10,
            left: Math.cos(count / 10) * 10,
            color: (count) % 255,
            content: count % 100
        });
    }

});

BoxView.js

var BoxView = Backbone.View.extend({

    className: 'box-view',

    template: function(data) {
        IncrementalDOM.elementOpen('div', null, null, 'class', 'box', 'id', 'box-' + data.number, 'style', {
            top: data.top + 'px',
            left: data.left + 'px',
            background: 'rgb(0,0,' + data.color + ')'
        });
            IncrementalDOM.text(data.content);
        IncrementalDOM.elementClose('div');
    },

    initialize: function() {
        this.listenTo(this.model, 'change', this.render);
    },

    render: function() {
        IncrementalDOM.patch(this.el, this.template, this.model.attributes);
        return this;
    }

});

Nice implementation @jridgewell 👍

Any other suggestion while working with Backbone since your last update here? (I also read your comments in jashkenas/backbone#3772).