User interface 什么';这是图形结构(在CS意义上的图形、节点、边)的(web)用户界面的一个好例子?

User interface 什么';这是图形结构(在CS意义上的图形、节点、边)的(web)用户界面的一个好例子?,user-interface,graph-theory,User Interface,Graph Theory,比如说,假设我有一个树结构,那么我会使用一个树控件,因为GUI元素完美地映射到这个结构 但我有一个图表,可能太宽了,无法放在一个网页上。我想不出真正符合结构的GUI示例。我有些不太合适的想法是,网络本身,带有超链接、浏览器后退按钮和前进按钮。但这只是一次显示一个节点。我想显示尽可能多的节点,并允许导航到图形的新区域。像谷歌地图这样的东西可能是一个很好的模式,因为你可以完全自由地向任何方向滚动。早在今天,Facebook就经常这样做,让你的朋友形象化。他们像预期的那样,将节点绘制为小方框,并用线连

比如说,假设我有一个树结构,那么我会使用一个树控件,因为GUI元素完美地映射到这个结构

但我有一个图表,可能太宽了,无法放在一个网页上。我想不出真正符合结构的GUI示例。我有些不太合适的想法是,网络本身,带有超链接、浏览器后退按钮和前进按钮。但这只是一次显示一个节点。我想显示尽可能多的节点,并允许导航到图形的新区域。像谷歌地图这样的东西可能是一个很好的模式,因为你可以完全自由地向任何方向滚动。

早在今天,Facebook就经常这样做,让你的朋友形象化。他们像预期的那样,将节点绘制为小方框,并用线连接它们。他们将图形绘制成SVG图像,因此您可以轻松地放大和缩小

另一种选择可能是绘制
标记并以某种方式缩放该标记。我想这是可能的,但我对


另一种选择是将其绘制到一个内联框架或其他框中,允许用户水平和垂直滚动。

基本上,我所看到的这类东西的最佳选择是Flash或Java,它可以让您拖动节点,并根据边上的张力值自动拉伸、移动和扩展

短暂的谷歌曝光。我尝试了Java应用程序版本,似乎在基本层面上可以工作,但对于您的需求来说可能有些过分了。:)也许可以看看AJAX版本


也许可以退房。

你可以试试。它是一个开源的交互式数据可视化工具包。它有一个非常好的布局集合,可用于显示节点图以及其他可视化效果。该工具包有两种不同的风格,一种是Java,另一种是Actionscript,可以在Flash/Flex中使用。

是我见过的最好的。可以在桌面和web上使用,有很多这两种类型的示例。

要查看由小区域显示的大型图形的动态示例,您可以查看:。它们呈现为一个图形词典,显示单词之间的多个链接。

我认为没有一个现有的小部件能够像树结构的树控件那样满足您的需要

也就是说,我绝对推荐产品

通过试用yEd,了解它能做什么,然后检查看起来非常好的文档。他们还为他们的库提出了一个ajax和flex fronted,这将为您提供一个与web兼容的表示,包括像拖放这样的google地图(参见图形查看器演示:)
我不为他们工作,我甚至不是付费客户,但yEd给我留下了深刻的印象。

我从未见过facebook的例子,但我希望我见过。这正是我想要的答案。我希望我有一些截图。不幸的是,我只记得大约4年前使用过这个功能,他们很早以前就删除了它(可能占用了太多的处理时间——速度相当慢)。也许你可以在谷歌上搜索一些旧的截图。阅读你问题的开头,我想我可以回答:“谷歌地图”,但你已经想到了这一点。