Question

我有一堆具有类似架构的项目......

A----1      Y
 \  / \     /
  \/   \   /
 /  \   \ /
B---2----X----Z, etc, etc
\  /    /
  \    /
 /  \ /
C----3

（抱歉ascii艺术不好）

每个项目（测量/控制设备）中可以有多个A，B，C（通常一个，但可能更多）
每个将使用1,2,3（通信技术）之一
与X（数据库服务器）进行通信
提供Y，Z等（基于浏览器的应用程序）

我不擅长以图形方式显示内容，所以我想知道是否有人可以建议：

静态的东西 - 在文档中显示它的通用方法（我尝试使用漂亮的符号来反映实际的系统组件，但是因为视觉上很混乱）
动态的东西 - 某种方式在网站上显示它（可能每个A，B，C和1,2,3列只有一个项目，并且图像相互淡化）。

我应该自动执行此操作，还是由于用户输入？

Answer 1

对于静态这样的事情怎么样（对不起的ascii艺术抱歉;）

--------------       -------------            --- Client 1
| Components |       | Comms     |           /
|            |-------| Channel   | --- Server --- Client 2
| A, B, C    |       | 1, 2 or 3 |           \
--------------       -------------            --- Client X

更新：“网站动态”有点通用。取决于你的意思。你可以生成SVG图形或一些花哨的HTML5 + JavaScript - 也许其他答案中提到的工具支持这样的输出？

Answer 2

Graphviz通常是我的首选。 Gallery有很多示例，Dot语言简单直接。

对布局的思考：也许通信通道应该表示为数据库服务器上的接口，而不是它自己的节点。正如ChrisWue建议的那样，使用Component - >的三（或四）层图。数据库服务器 - ＆gt;客户端。 Graphviz的switch示例似乎非常接近。

Answer 3

如果您想以某种方式可视化数据：http://vis.stanford.edu/protovis/

如何展示这一点以解释一般概念？

3 个答案: