生成HTML的对象关系图形控件

我计划创建一个小型的研究web应用程序，它将有一个图形数据表示控件作为主要的数据布局机制。以下草图显示了网页某部分的基本布局：

由于它将是浏览器中显示的web应用程序的一部分，我希望有一些逻辑，允许我创建、编辑和渲染此类地图，或者您可以将其称为HTML标记中的层次树以发送到浏览器

也许你们当中有人知道用普通html创建这种可视元素的好方法

如果不是-我是一名.Net开发人员，所以作为最后的手段，我可以减少使用silverlight来呈现这样的视觉效果，但是第一次访问时我会有巨大的访问者损失，因为我想他们中的大多数人都不愿意安装silverlight插件，只是为了熟悉我的网站

无论如何，一个用于这种可视化树的普通HTML生成器，或者一个Silverlight模拟将是非常棒的。提前谢谢你的提示

---

另外，我需要元素是交互式的，所以在服务器上生成一个简单的映像不是解决方案

JavaScript向量引擎Raphael是一个很好的选择

---

但是，如果您只想渲染地图并在页面上显示结果，那么我建议您使用简单的语言对图形进行描述，并以几种不同的格式输出图形。

如果javascript是一种选项，请尝试Raphael，我需要一个交互式图形元素，因此纯图像渲染不是一种选项。