OrganicJS is a micro-framework for reusable JS+HTML+SVG components. It is also a set of
framework facets that enable more powerful and more maintainable component architecture for
D3.js, the popular JS+HTML+SVG visualization library.<p>OrganicJS supports reusable components with chainable properties and public methods, dynamic
setters/getters, reusable widget markup using nestable HTML/SVG fragments and in-place fragment cloning and rendering, and sharing of data/behavior among components in a soft, decoupled
manner via contextual component caching.
OrganicJS re-envisions, re-implements and supersedes my earlier ideas around using D3, which can be seen here (while link is up, works on Chrome only)<p>One of the ideas is the support for borrowing of data/behavior of one component by another component in non-hardwired manner without use of events. Another idea is the building of “widgets” (collection of components) from reusable, nestable HTML+SVG fragments, as an alternative to the way it is done in D3 (although the framework can still be used in the D3 way without the reusable widget markup.)<p>Demo:
http://idibidiart.github.com/organicjs/
Features Overview:
https://github.com/idibidiart/organicjs/blob/master/README.md
Repo:
https://github.com/idibidiart/organicjs