HTML 5 / Javascript flowchart tools / prezi style?

cwd picture cwd · Jun 8, 2011 · Viewed 20.9k times · Source

Does anyone know if there is sort of an open-source Prezi tool that works with HTML5 / javascript? I'm looking for a way to set up a flow-chart diagram and then have the browser window focus on different parts of it. Rotation and cool effects not necessary but welcomed.

RaVis looks cool, but it is flash based: http://code.google.com/p/birdeye/wiki/RaVis (example here)

Another post mentions Raphael Graffle, which is cool, but not exactly what I'm looking for.

Diagramo (site & example) is cool, but I want to create a standalone version on my webpage, possibly with some interaction.

Eignfactor is also pretty cool, but is is flash based.

Found a good jQuery library for visualization too: http://thejit.org/demos/

Two more:

jQuery Mind Map/Think Map

Javascript or JQuery mindmap plugin

Would love to see what suggestions you guys have and / or similar cool examples you've seen.

Answer

nulltoken picture nulltoken · Jan 1, 2012

impress.js is "a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com".

Through the use of HTML 5 "data-*" attributes, one easily describes the positioning, panning, rotation or scaling operations to be applied as a transition when jumping from one slide to another. Some 3D effects are even available...

An "impressive" online demonstration is available.