HTML 5 / Javascript 流程图工具 / prezi 风格？ [关闭]答案

【问题标题】：HTML 5 / Javascript flowchart tools / prezi style? [closed]HTML 5 / Javascript 流程图工具 / prezi 风格？ [关闭]
【发布时间】：2011-09-11 03:43:44
【问题描述】：

有谁知道是否有某种开源 Prezi 工具可以与 HTML5 / javascript 一起使用？我正在寻找一种方法来设置流程图，然后让浏览器窗口专注于它的不同部分。旋转和炫酷效果不是必需的，但很受欢迎。

RaVis 看起来很酷，但它是基于闪存的：http://code.google.com/p/birdeye/wiki/RaVis (example here)

另一篇文章提到了Raphael Graffle，这很酷，但不是我想要的。

Diagramo (site & example) 很酷，但我想在我的网页上创建一个独立版本，可能需要一些交互。

Eignfactor 也很酷，但它是基于闪存的。

也找到了一个很好的可视化 jQuery 库：http://thejit.org/demos/

还有两个：

jQuery Mind Map/Think Map

Javascript or JQuery mindmap plugin

很想看看你们有什么建议和/或你见过的类似的很酷的例子。

【问题讨论】：

标签： html mapping visualization relational prezi

【解决方案1】：

impress.js 是“一个基于现代浏览器中强大的 CSS3 转换和过渡的演示框架，并受到 prezi.com 背后理念的启发”。 p>

通过使用 HTML 5“data-*”属性，可以轻松地描述定位、平移、旋转或缩放操作，以便在从一张幻灯片跳转到另一张幻灯片时应用为过渡。甚至可以使用一些 3D 效果...

一个“令人印象深刻”的 online demonstration 可用。

【讨论】：

非常好。期待玩这个！
如果您不想手动编写 impress.js 演示文稿，请查看 strut.io

【解决方案2】：

我也在寻找同样的东西。这篇博文描述了一个名为 Sozi 的开源工具，它是 Inkscapes 的一个插件。该帖子链接到使用它创建的演示文稿，该演示文稿可在所有浏览器上播放，包括 iPad，IE 除外。甚至 IE 10。

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

【讨论】：

【解决方案3】：

使用 HTML5 和 SVG 并在 iOS 中无缝工作的最好的类似 Prezi 的演示工具是 Awwation。

看看demo presentation。

【讨论】：

【解决方案4】：

我知道这是一个老话题，但我最近创建了 Presenteer.js (http://willemmulder.github.com/Presenteer.js/)，它似乎完全符合您的要求。您（或查看此主题的其他人）可能想看看它...

【讨论】：

【解决方案5】：

试试这个：http://janne.aukia.com/zoomooz/

【讨论】：