Architecture 为了解释一般概念，如何最好地展示这一点？

我有一系列的项目都有类似的架构

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列各有一个项目，并且图像彼此淡入淡出）

---

我应该自动执行还是作为用户输入的结果执行此操作？

如果您希望以某种方式可视化数据：

对于静态，类似这样的操作如何（对于糟糕的ascii艺术，我感到抱歉；）

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

通常是我的首选。有很多例子，语言简单明了

---

关于布局的一个想法：也许通信通道应该表示为数据库服务器上的一个接口，而不是它自己的一个节点。正如ChrisWue所建议的，一个三（或四）层的图，包含组件->数据库服务器->客户端。Graphviz的例子似乎非常接近。

+1对于Graphviz（我喜欢它），我想知道如何在不显得太凌乱的情况下对它进行Diagram？+1是的，这就是我所追求的。我本想用cison，但有这么多的A，B，C…Z和1，2，3。。。对网站的动态方面有什么想法吗？+1谢谢。有点让人想起graphgviz，但它是一个不错的工具

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