architecture - 如何最好地展示这一点以解释一个通用概念？

Question

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

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

(对于糟糕的 ascii 艺术感到抱歉)

• 每个项目(测控设备)中可以有多个A、B、C(一般为一个，也可以有多个)
• 每个都将使用 1、2、3 之一(通信技术)
• 与X(数据库服务器)通信
• 服务于 Y、Z 等(基于浏览器的应用程序)

我不太擅长以图形方式显示事物，所以想知道是否有人可以建议:

1. 一些静态的东西——一种在文档中显示它的通用方式(我尝试使用漂亮的符号来反射(reflect)实际的系统组件，但这是因为视觉上很困惑)
2. 一些动态的东西 - 在网站上显示它的某种方式(可能只有一个项目用于 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 - 也许其他答案中提到的工具支持这样的输出？