允许Web用户创建流程图/图表的最佳工具是什么？

Question

我正在创建网络应用，其中教师需要能够轻松创建教育图表，流程图，基本上：

• 包含文字的方框和圆圈
• 文字标签
• 上传和嵌入图片的能力
• 容易用箭头等线。
• 很多现成的图标和剪贴画会很好
• 免费和开源会很好

基本上我正在寻找一个网站RichTextBox编辑器，但具有基本的Visio功能，这将允许用户：

• 点击“创建图表”
• 用鼠标创建WYSIWYG
• 保存（在服务器上）
• 在应用程序中使用它

它可以使用Javascript / jQuery，Flash或Silverlight，无关紧要，只要它在浏览器中运行。

Answer 1

Firefox Pencil Add-on允许用户制作图表并将其另存为.png文件：

Answer 2

https://bubbl.us/beta非常易于使用并创建PNG但功能非常有限，谷歌文档解决方案很好（感谢@Dave Beer）但屏幕大小是静态的，你不能制作大型PNG ：https://superuser.com/questions/76630/is-there-a-way-to-change-the-size-of-the-drawing-area-in-google-docs-insert-dra

也不容错过：yEd：http://www.yworks.com/en/products_yed_about.html

我对此进行了更多的研究，选择yEd作为我们将用于项目的工具，以下是yEd， Google Docs 和 Firefox 铅笔可以：http://tanguay.info/web/examples/googleDocsImageDraw/

如果你继续环顾四周，这里有很多，每个都有其优点和缺点：

• http://www.xmind.net/downloads
• http://live.gnome.org/Dia
• http://yuml.me

Answer 3

你看过GoDiagram了吗？我没试过，但它是我见过的唯一满足这种需求的组件。

Answer 4

我建议闪光灯。我见过在Flash中轻松实现这类内容的网站。您也可以使用html和JavaScript实现相同的功能，但它需要痛苦的编程。在我看来，Silverligt尚未成熟。但我相信我们很快就能看到一些改进。也许你可以考虑使用Java applets。

检查网站www.geni.com。他们在Flash中有一个家族树构建界面。

Answer 5

Gliffy有广告支持的免费选项。除了拥有一个不错的API。 我喜欢服务的外观，但尚未使用它们。 （它正在筹备中......）

Answer 6

我认为您最好的选择可能是使用Google Docs

Sketchy（Google文档中的绘图功能）非常强大，我认为它会做你想要的。