Search code examples
htmlmappingvisualizationrelationalprezi

HTML 5 / Javascript flowchart tools / prezi style?


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.


Solution

  • 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.