JavaScript MVC Framework + raphaelJS

Question

I'm trying to make an app that has a client MVC architecture, but in addition to HTML templates, it has SVG elements as the View (I use raphael to manage this).

Is there any JavaScript MVC framework that works well with raphaelJS as the View?

In the case that there isn't, are there any suggested frameworks that could work well with it?

Answer 1

Backbone.js is a simply MVC framework, it not limit which template engine to use but give the choice to yourself.

In backbone render function, it always generate HTML code from some JSON data like this:

render: function () {
    // use underscore as template engine
    this.el.innerHTML = _.template(TMPL_STRING).render(JSON_DATA);
}

Use RaphaelJS here is very easy:

initialize: function () {
    this.paper = Raphael(this.el, width, height);
},
render: function () {
    // use this.paper to render svg here
}