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

Question

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

由于它将成为浏览器中显示的Web应用程序的一部分，我希望有一些逻辑允许我创建，编辑和呈现这样的“地图”，或者您可以将其称为“分层树”到HTML标记中发送到浏览器。

也许你们中的一个人知道用简单的html创建这样的视觉元素的优雅方式。

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

无论如何，用于这种可视化树的纯HTML生成器或Silverlight模拟器都会很棒。提前感谢您提示。

P.S。我需要元素是交互式的，因此在服务器上生成简单的图像不是解决方案。

Answer 1

JavaScript矢量引擎Raphael是一个不错的选择。

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