Newsletter sign-up
View all newsletters

Enterprise Java Newsletter
Stay up to date on the latest tutorials and Java community news posted on JavaWorld

Sponsored Links

Optimize with a SATA RAID Storage Solution
Range of capacities as low as $1250 per TB. Ideal if you currently rely on servers/disks/JBODs

Beyond jQuery: JavaScript tools for the HTML5 generation

Here are three dozen JavaScript libraries tuned for mobile devices, Canvas-based animation, HTML5 video, local databases, server interaction, and more

  • Print
  • Feedback

Page 3 of 5

These projects illustrate how we're just beginning to come up with good ways of turning data into pictures that can help us absorb large volumes of information quickly and efficiently.

One of the more interesting niches for visualizing data is drawing network graphs on the <canvas> tag, a feature that's useful for displaying social networks and flowcharts. Canviz is a collection of rendering algorithms that turn a network into a picture using a mixture of straight and curved lines.

Draw2D takes a different approach. It creates full Visio-like drawings that link together polygons to illustrate a workflow.

Mapping
Most of us will continue to use the big mapping libraries for standard jobs like showing street addresses. But what if you want to do something a bit different, such as change the rendering or fiddle with the layers in ways that the big libraries don't allow?

Tile5 can pull the mapping tiles from such sources as GeoCommons, then lay them out so that the user can shove them around just like the maps from Google, Mapquest, or Yahoo. But there are other opportunities: The animation operation can change any of the parameters of the display. This is usually used for panning across the map and landing in one spot, not unlike the sequences in the Indiana Jones movies showing the plane flying over the map.

Pixel manipulation
If there's any indication that HTML5 is not focused on words and static images anymore, it's projects like Pixtastic, a JavaScript library that offers many of the basic features we've come to expect from Photoshop. Serious Photoshop users may be forgiven for rolling their eyes, because the more sophisticated features are nowhere to be seen. But there's enough to satisfy any casual editor of pixels.

There's a surprisingly large collection of pixel-level operations available, including the ability to tweak the colors and apply filters like the ones used to blur images or compute edges. The basic library is now several years old, but Jacob Seidelin continues to create examples of how it can be applied -- like this small Web application called Filterrific.

Mobile libraries and browser books
As the mobile browsers begin to dominate the Web, it becomes more and more important to package the information in a form that's easier to browse on smartphones and tablets. That's not so easy when the fingers are fat and the eyes can't focus on small fonts.

jQuery Mobile, Jo, and Sencha Touch are three libraries that offer touch-friendly menus that dig down into data structures and present the information for the small screen.

The iPad may be nice for reading, but its corporate masters demand a hefty percentage of the selling price for the privilege of being on the platform. A number of savvy programmers are writing text-reading tools that fit in the browser, allowing publishers to deliver directly to the iPad without paying the Apple tax or going through the Apple censorship gauntlet.

Treesaver creates magazine-like layouts that allow you to flip through pages of text and images the old fashioned way. The code is small -- just 25K -- and released under both the MIT and GPL license.


  • Print
  • Feedback

Resources