Javascript jQuery plugins visualizations don’t look half bad

Late last night I was digging around looking for a replacement to our flash interface and I came across an incredible collection of javascript visualizations. Here are some design issues with the current cloud:

  • tag visibility
  • the motion makes clicking hard
  • the requirement of flash (mobile)

I began reviewing 3D javascript utilities at Java by example. Leveraging a combination of these utilities I can come up with a quick and easy to use interface to our user, tag, and trending link data. Note that not all of these tools work with the requirements I’m considering (unless there’s a pause button).

rotate 3Di Flip HTML content in 3D

3D Universe with jQuery

3D Tag Cloud in jQuery

Flip!

ZoomImage

Agile Carousel

Faux-3D effect

Image Cube

Rotator

jsviewfinder

Related articles by Zemanta
Reblog this post [with Zemanta]

Be Sociable, Share!

Categories: Uncategorized
Tags: , , , , ,
  • http://www.everyonelovestea.com Tyler from Everyone Loves Tea

    the augmented reality depth one (with the mountain in the background) is epic!

  • http://www.victusspiritus.com/ Mark Essel

    I dig it as well (that was the first one I started messing with). I wonder how many other visual jquery plugins are floating around out there.

  • Laurent Boncenne

    lol, this post barely killed my laptop !
    you should try to set up some basic side-page for demos, especially those, as it takes a load of ram to process.

  • http://www.victusspiritus.com/ Mark Essel

    I'm a cruel ram eating blogger. Sorry about that Laurent I should be more careful with my heavy iframe embeds to respect folks on older rigs.

  • Laurent Boncenne

    lol, it runs ok now when it is the only tab open in firefox.
    The first time I tried, I had a bit more tabs opened :-) (4)

    and my rig is not that old lol, it's a precision m2400 with 2,8ghz Intel T9600 with a quadroFX video card and 4Gb of ram :D
    That's why I said it was heavy, even for me.

  • Laurent Boncenne

    also here's another link about CSS3 animation in safari and chrome, maybe you've seen it already :
    http://www.webdesignerwall.com/trends/47-amazin…
    there's one in particular that I find interesting :
    http://media.24ways.org/2009/15/space.html

    Then again, most of these are really heavy on resources and probably could not be applied onto a more bandwidth consuming website I suppose.

  • http://www.victusspiritus.com/ Mark Essel

    It opened ok in my phone (not well placed iframes, but I could at least see them).

    Surprised your lap top (nice spec) coughed :)

  • http://www.victusspiritus.com/ Mark Essel

    The css and jscript is pretty lean on transmission and runs with local resources right?

  • Laurent Boncenne

    Haven't really looking into the css yet, from what I basically understand, there's quite a few image sprites (high res one might say for the web, since they're something like at least 800*600 images) and the rest is executed thanks to webkit's functions.
    This is simply CSS transition, no javascript (there's only a mint.js file in the source code, seems odd tho, doesn't really have anything to do with the anim itself apparently).

  • Laurent Boncenne

    the rendering does just fine, I see the layout properly, and the iframes load at the proper place (although some apparently need safari or chrome to work fine)
    add those with disqus and the meebo bar and you get some heavy js calls there :P

  • http://www.victusspiritus.com/ Mark Essel

    Oh I meant for the jQuery animations in the post, not sure about the ones you linked. Checking them out now…
    Oh yeah the links you shared aren't 3D simulators (no z-axis or camera point).

  • http://www.victusspiritus.com/ Mark Essel

    Oh I better find out which ones don't work in firefox. Thanks for the heads up.

  • http://www.victusspiritus.com/ Mark Essel

    Wow it's terribly slow in Firefox compared to Chrome (guess it's webkit javascript optimizations). I might suggest webkit browsers, and/or Chrome frame on our site then.

  • javascriptbankcom

    very good js effects, really jQuery is so power to make everything look like Flash