我正在尝试在网页上绘制分类,我可以深入查看此分类的内容,最终获得指向其他网页的链接。
输入类似于以下内容。
<root>
<catSuper1 link="google.com">
<subcat1-1>
<item1-1-1 link="http://web.com/1" />
<item1-1-2 link="http://web.com/2" />
<item1-1-3 link="http://web.com/3" />
</subcat1-1>
<subcat1-2>
<item1-2-1 link="http://web.com/1" />
<item1-2-2 link="http://web.com/2" />
<item1-2-3 link="http://web.com/3" />
</subcat1-2>
</catSuper1>
<catSuper2>
<subcat2-1>
<item2-1-1 link="http://web.com/1" />
<item2-1-2 link="http://web.com/2" />
<item2-1-3 link="http://web.com/3" />
</subcat2-1>
<subcat2-2>
<item2-2-1 link="http://web.com/1" />
<item2-2-2 link="http://web.com/2" />
<item2-2-3 link="http://web.com/3" />
</subcat2-2>
</catSuper2>
</root>
分类法应该以root用户身份和直接在其下的子要素绘制。当点击任何一个进行钻孔时,旧图形将被清除,一个新图形将被点击的节点作为根,并将其子图案连接到它。
对于每个节点,应该能够点击链接将我们发送到另一个页面,即属性链接中指定的相同链接。
我可以很容易地将输入数据模式更改为像json这样请求的任何内容,但我在前面的代码片段中将数据写为xml,以表示我的想法更清晰。
请指教,
修改
我是数据可视化领域的新手,所以我正在寻找关于我可以使用什么工具来实现我的目的的建议,以及我如何能够这样做。我听说过d3.js,但在调查之后,我不知道如何实现我想要的东西。
致以最诚挚的问候,