HTML 5 / Javascript flowchart tools / prezi style?

Question

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.

score 18 · Accepted Answer · edited May 28 '16 at 17:37

18

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.

edited May 28 '16 at 17:37

cyberwombat

38,105
35
175
251

answered Jan 01 '12 at 18:33

nulltoken

64,429
20
138
130

very nice. looking forward to playing with this! – cwd Jan 02 '12 at 00:46
1

If you don't want to hand code your impress.js presentations check out http://strut.io – Matt Wonlaw May 12 '13 at 16:31

score 3 · Answer 2 · answered Dec 20 '11 at 07:22

3

Try this: http://janne.aukia.com/zoomooz/

answered Dec 20 '11 at 07:22

Rainy

51
2

Willem Mulder · Answer 3 · 2012-04-27T13:30:46.520

2

I know this is an old topic, but I created Presenteer.js ( http://willemmulder.github.com/Presenteer.js/ ) recently, which seems to do exactly what you asked for. You (or others that view this topic) might want to have a look at it...

edited Apr 27 '12 at 13:30

answered Apr 27 '12 at 13:23

Willem Mulder

12,974
3
37
62

score 0 · Answer 4 · answered Mar 12 '13 at 16:08

0

The best Prezi-like presentation tool using HTML5 & SVG and seamlessly working in iOS is Awwation.

Have a look at the demo presentation.

answered Mar 12 '13 at 16:08

niutech

28,923
15
96
106

score 0 · Answer 5 · answered Oct 11 '13 at 16:57

I was looking for the same thing. This blog post describes an open-source tool called Sozi, which is a plugin for Inkscapes. The post links to a presentation created with it that plays on all browsers, including iPad, EXCEPT IE. Even IE 10. Bummer.

http://blog.lightcastletech.com/2013/04/18/prezi-vs-inkscapes-sozi/

HTML 5 / Javascript flowchart tools / prezi style?

5 Answers5