I'm setting out to develop a JavaScript web application for visualization, featuring bookmarking of various graphs with annotations etc.
A typical example would be: Given a url state, show two SVG graphs and a time slider for manipulation together with some informative annotations placed out here and there.
Traditionally (and not having written JS for some time), I'd try some sort of modular JS approach:
src
data
chart
chartType1
chartType2
chartType3
layoutManager
stateManager
utils
lib
d3?
backbone?
jquery?
... breaking out the data handling, some utility functions, state & layout manager etc.
But with a plethora of libraries out there, perhaps I should hold my horses and try a new approach?
Code organization?
- Like above or more MVC like?
- Any specific patterns that would be helpful?
(pseudocode is much appreciated)
State handling/Models?
- Backbone.js
- JavaScriptMVC
Views?
- Are there any good examples of JS vis applications using SVG libraries (D3, Raphaël etc.) together with an mvc framework?
Compiler/minifier?
- Google Closure Compiler
- Jammit
IDE?
- Aptana Studio 3
- Netbeans
- Other?
Desktop version? (criteria: data storage, updatable etc.)
- AIR
- Chromium Embedded
- XULrunner
- Titanium appcelerator
- other options?
I'm sorry that the scope of this question is rather wide, but I shall consider it answered if insight into any of these domains is gained. So please help me choose ...