14

I'm looking to hear others experiences with SVG + Javascript Frameworks.

Things that I'd like the framework to handle - DOM creation, event handling and minimal size.

Jquery SVG plugin - http://keith-wood.name/svg.html seems to be the only one I can find.

7 Answers7

17

Raphael is a javascript framework for manipulating vector graphics, either with SVG or VML, depending on what the browser supports.

Ali Ghanavatian
  • 506
  • 1
  • 6
  • 14
Jim T
  • 12,336
  • 5
  • 29
  • 43
4

Check the D3 library

D3.js is a small, free JavaScript library for manipulating documents based on data.

jediz
  • 4,459
  • 5
  • 36
  • 41
3

My favorite JavaScript framework is jQuery. But original jQuery package is unable to run inside SVG because of some HTML-specific places.

But I have patched the newest version of jQuery (1.4.2) so it is able to run under SVG now. You can take patched jQuery package from here.

A single issue with it is that SVG doesn't invoke initialization function from incuded jQuery source so I was to introduce jQueryInitialize function and jQueryInitialize(window); must be invoked manually in svg:onload event.

Volodymyr Frolov
  • 1,256
  • 5
  • 16
  • 25
2

This post is too old but I think maybe people will be interesting checking out http://snapsvg.io/ which is a framework build by the same guy that did Raphael. But for modern browsers.

ncubica
  • 8,169
  • 9
  • 54
  • 72
1

Do you need SVG or just vector-like graphics manipulation? John Resig ported the "Processing" visualization language to JavaScript. I never used it, but from the creator of jQuery it may help you out if you don't actually require SVG.

http://ejohn.org/blog/processingjs/

Eric DeLabar
  • 320
  • 1
  • 11
0

I'm sorry, but spam prevention mechanism impede me from posting more than one hyperlink in one answer. Here is prove of concept of running jQuery under SVG.

Volodymyr Frolov
  • 1,256
  • 5
  • 16
  • 25
0

I haven't used it yet, but i bookmarked PlotKit some time ago because it's a javascript framework that generates svg