HTML中树形层次结构的可视化

Question

我正在寻找在层次结构/树结构上进行交互设计的灵感。（具有多个子产品的产品，适用于选择子产品的规则）。

我想要一棵树，其中子节点与其父节点之间有可见的连接。而且我还想形象化适用于选择它们的规则。

典型规则：

• 必选：仅选择一种子产品中的一种
• 可选：从多个子产品中选择0个或多个
• 互斥：仅选择几个子产品之一

希望您能明白。

我正在这方面寻找任何灵感。欢迎任何建议，示例，提示

Answer 1

这里有几个：

• http://thejit.org/
• http://www.jsviz.org/blog/
• http://vis.stanford.edu/protovis/

如果您愿意使用 html/javascript 以外的其他内容，Flare是 Adob​​e Flash 的一个优秀库。