轻松在网页上绘制流程图：Diagramly

如果你需要绘制流程图、心智图或其他类型的图表，其实有大量的应用软件可以做到，如Microsoft Visio等. 但有什么方便得过，只需Web浏览器，又不用注册，就可使用的Diagramly呢. 你只要花一分钟到Diagramly访问该网站，你会发现Diagramly是非常类似 Microsoft Visio，又极容易使用.

转载请注明原文出处，关注我请点击： http://weibo.com/heidixie. 有一些同学看过了我写的 《如何绘制业务流程图》，发私信过来希望我谈谈页面流程图. 这个话题其实我也酝酿过，但一直没有写出来. 细究起来，除了懒，原因其实有好几条：. 这一年半来的工作都是围绕数据平台建设，不是很通用，没法举例.

摘要：本文要实现一个流程图的绘制，最终的目标是实现流程图的自动绘制，并可进行操作，直接点击流程图上对应的方框就可以让后台跑相应的程序. 1、图形绘制raphael. 其中图形绘制使用了raphael，下载地址： http://raphaeljs.com，它的功能非常强大. 中文帮助教程： http://html5css3webapp.com/raphaelApi.htm#Paper.text.

如果你对 Microsoft Visio 望而却步，对 Diagram.ly 都觉得麻烦，ASCIIFlow 可能是你的菜. ASCIIFlow 是上世纪九十年代黑客们最爱的制作流程图表方式，全文本易传播，Geek 风格的反璞归真. 不幸的是，目前似乎无法输入中文. 访问：ASCIIFlow | 来自小众软件.

在电子技术高度发达的今天，很多工作中我们需要用图形来表示工作进程或者相互关系趋势的时候都会运用到图表和设计一些可以一目了然的流程图，来方便我们分析和让未来保持在正确的方向前进. 比如我们对一个季度产品的使用度的调查和对未来趋势的预测，都是需要一个明了的图表来诠释. 或者在任何一个设计项目或者其他项目的开始，我们都需要开N多个会议来策划项目流程，所以，一个明确的流程图可以让项目有一个清晰的思路.

法国Canel+电影频道发布了一套有趣的图表，讲解了拍摄三种类型影片的典型套路. 世界上还有什么能拦得住流程图吗. （我是觉得不存在这样的事物，来我们网站翻翻就知道了. ）要拍出一部伟大的电影，确实需要很多创新思维，单靠死记硬背教条是搞不定的.  Wes Anderson American Express commercial ，大家应该都看过.

来自: 36氪 - FeedzShare  . 发布时间:2011年03月21日,  已有 5 人推荐. 很多人都打算或正在创业，但面临着各种各样问题，寻寻觅觅寻不着靠谱的建议. Duck Duck Go 创始人、天使投资人 Gabriel Weinberg 用一张流程图来介绍创业的整个过程，简单明了，一目了然.

相关链接： 超级流程图，看完就会拍电影 （1）. 原图已经上传到SkyDrive：点击进入. 将图片下载或在新窗口打开，可看到大图.

图1：用即时贴与白板做的简单流程图. 转载请注明来处，关注我请点击：. 前言：近来一段时间，忙于整理业务流程图，期间，关于流程图的绘制方法和工具也与内部团队和外部做了心得交流，恰好，个人生活也牵涉在买房，婚礼，户口迁移等流程中. 不知不觉，伴随着实践与反思，个人所得的系统知识趋于完整，今儿天气极好，坐在飘窗一隅，听着间或几声鸟鸣歌唱，偶尔瞥一眼窗外的遍地绿荫，真真觉得是个写点什么的日子.

饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息，并可展示两个实体之间的关系. 而这些图形如果用在 Web 上则有助于吸引访客的注意力，并有效地解释相关数据. 在这里我们推荐一些很棒的工具，你可以通过点击创建非常直观的设计流程图和图表. 使用 Gliffy 可创建非常漂亮的各种图表、流程图、平面图和技术图纸等等.