VizWorld.com

The JavaScript InfoVis Toolkit has just rev’ed up to Version 2.0, with a whole slew of new features and visualizations.

With this version of the Toolkit the number of available visualizations has doubled. Some of the new visualizations are the AreaChart, BarChart and PieChart, which were described in more detail in this article. I’ve also added Sunburst and Force-Directed visualizations. I wrote about these visualizations before here and here. I also want to thank Pablo Flouret, who contributed most of the code for the Icicle visualization, also a new addition to the toolkit.

Be sure to go check out the new and improved Demos page to see the new visualization in action.

via The JavaScript InfoVis Toolkit 2.0 is out! at Overfloater. via FlowingData

Science javascript, library, software

Want to start with 3D on the Web (WebGL) but don’t feel like dealing with plugins and cross-browser glitches?  Congratulations, GLGE is here to make all of that a thing of the past.

GLGE is a javascript library intended to ease the use of WebGL; which is basically a native browser javascript API giving direct access to openGL ES2, allowing for the use of hardware accelerated 2D/3D applications without having to download any plugins.

The aim of GLGE is to mask the involved nature of WebGL from the web developer, who can then spend his/her time creating richer content for the web.

It’s still in early development (version 0.1Alpha!), but looks promising while we wait for the various browsers and plugins to catch up and reach feature parity.  They have a demo on their website (if you’re in a WebGL compliant browser), you can see the video of their system after the break.

via GLGE Library.

Read more…

Science brower, glge, javascript, sdk, webgl

One of MIT’s TR35 Young Innovator Awards, Jeffrey Heer has created a new javascript data-visualization library called “ProtoVis”.

Protovis lets people who have only token programming skills concentrate on the design of a visualization rather than worrying about how to structure complex computer code. The software provides chunks of code that correspond to different aspects of visual information display, such as shapes and colors; users string these chunks together to c­reate a complete graphic.

The library currently does not support interactivity, but has a great collection of example visualizations showcasing it’s power.

Protovis..

Science javascript, library, protovis, web

A new video has surfaced on Youtube showing new features, called “Snow Stack”, that Apple has built into their newest Webkit browser engine.  It’s 3D, Hardware Accelerated CSS effects and JavaScript Features.

This video shows “Snow Stack”, a 3D CSS Visual Effects demo built with HTML, CSS Effects and JavaScript in the latest WebKit nightly on Mac OS X Leopard and Snow Leopard. You can try this out yourself by reading the details on www.satine.org.

Apple is currently trying to get these features as part of the CSS & HTML standard.  Between this & the new HTML5 “video” tag, could technologies like Silverlight & Flash find themselves pushed to the side?

See the video after the break.

Read more…

Graphics apple, browser, css, javascript, safari, webkit

As part of the always-fascinating Google Chrome Experiments, “Mr. doob” has a demo online which shows a group of spheres animating in space with full depth-of-field effects.

300 balls form a plane, a cube, a little universe, a sphere and then disappear.

Unfortunately this piece is shy and doesn’t want to interact with you yet. But nothing stops you from watching it from any angle.

The effect is done entirely with Sprites, so no real reflections or 3d geometry. I recommend you don’t try this page unless you have Chrome or Safari4.  FireFox3.5 couldn’t really handle it when I tried it.  Check after the break for a Youtube Video of it in action.

Mr.doob | Depth of Field, 100% Javascript.

Read more…

Science chrome, demo, javascript, safari

Showcasing the power of the new Safari4 Javascript engine, someone has built a Navier-Stokes equation solver that runs entirely in JavaScript.  Simply select the resolution & solver iterations (The default work nicely) then start clicking in the big black box.  You can start & stop the simulation, and click the “Toggle drawing mode” to switch between flow glyphs and surface visualizations.  The image above was rendered with the simulation on FireFox3.5 beta, running at 5-6fps.

The surface visualizations also allow you to add “density sources” which create some impressive flow visualization effects.  Is this the future of simulation/visualization on the web?  I doubt it, but it’s pretty kewl either way.

Oliver’s simple fluid dynamics simulator.

Science javascript, sciviz, simulation