Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Are there any good Javascript graphics libraries? [closed]

People also ask

Which JavaScript library is used quite often for graphical Ajax type applications?

JavaScript. jQuery, a JavaScript library that provides an Ajax framework and other utilities, and jQuery UI, a plug-in that provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets.

Can JavaScript do graphics?

Typical uses for graphics include banners, ads from sponsoring companies, and colored bullets to highlight important pieces of text. The JavaScript scripting language can be used to enhance the graphics you put on your Web pages. JavaScript can be used to dynamically control the graphic content of the page.


John Resig's port of the Processing library to Javascript:

http://ejohn.org/blog/processingjs


I'm very psyched about Raphaël. I've used it in one project and it works like a charm.


Flot is a pure Javascript plotting library for jQuery.


Here are a few physics engines written in javascript that have some graphics capabilities.

http://blog.quantumstate.co.uk/javascript-physics-engine.html

http://box2d-js.sourceforge.net/


Take a look at dojox.gfx: docs, tests, demos (last two links to the nightly snapshot on the test server optimized for debugging, not for production).

It uses native graphics: SVG, VML, Silverlight or Canvas — whatever is available on the client covering all major browsers (IE, Firefox, Safari/Webkit, Opera).

While it is 2D, it can be used as a foundation for 3D stuff. In fact there is a library that takes advantage of it: dojox.gfx3d. Examples (can be found in tests):

  • cylinders
  • cube
  • pilot test

And for truly adventurous types there is a library done for Dojo as part of Google Summer of Code 2008: True 3D. Obviously it is much faster than 2D/3D hybrid, and suitable for fluid animation. You can explore it on your own (the previous link is a publicly available Subversion repository), but be warned: it works only on Firefox and Opera with special 3D graphics add-ons from respective vendors. You'll find all gory details in the documentation.

Have fun!


The canvas html element may be the best backing and is used as such in many libraries (I know flot and processingjs mentionned by sibblings are using it)

canvas element is the lower API abstraction level you can get, which may be conceptually similar to Cairo or GDI

  • http://en.wikipedia.org/wiki/Canvas_(HTML_element)
  • https://developer.mozilla.org/En/HTML:Canvas

Check out Walter Zorn's library

www.walterzorn.de/en