Force-Directed Graph

来源:互联网 发布:拍照翻译软件app 编辑:程序博客网 时间:2024/06/05 14:19

BirdEye

后台用spring + hibernate框架,组成graph需要的xml格式数据,前台用flex做的,把获得的数据展示出来
相关的连接
http://code.google.com/p/birdeye/
BirdEye是一个开源的Adobe Flex图表制作组件。用于创建多维数据分析可视化界面。
birdeye 可以绘制 拓扑图,关系图,流程图,星空图,地图,饼图 等等..
birdeye 项目地址:http://code.google.com/p/birdeye/
birdeye 源码下载:http://code.google.com/p/birdeye/source/checkout  需要用SVN.
birdeye Demo:http://birdeye.googlecode.com/svn/branches/ng/examples/demo/BirdEyeExplorer.html
birdeye  svn源码地址:
svn checkout http://birdeye.googlecode.com/svn/trunk/ birdeye-read-only
有个博客说的比较清楚
http://www.cnblogs.com/xiaogangqq123/archive/2011/06/03/2070673.html
论坛讲了具体的实现
http://blog.csdn.net/killerover84/article/details/17298969
http://www.iteye.com/topic/1118492

relfinder

网上有个比较很成熟的关系图的例子
http://www.visualdataweb.org/relfinder/relfinder.php
可以通过这个工具找出两者之间的联系

Force Layout 

https://github.com/mbostock/d3/wiki/Force-Layout
这个没有用flex,是通过画svg矢量图来做的
比较快,而且没必要去研究flex的语法
jsfiddle的例子
http://jsfiddle.net/xhinking/7UA97/
这个比较贴近项目需求
http://bl.ocks.org/mbostock/4062045
显示了node的名称
http://bl.ocks.org/ericcoopey/6c602d7cb14b25c179a4
实现了动态添加node
http://bl.ocks.org/mbostock/1062383
动态添加link
http://bl.ocks.org/mbostock/950642





Infovis

http://philogb.github.io/jit/demos.html
有待研究



Flare

http://flare.prefuse.org/demo

D3

http://www.d3noob.org/2013/03/d3js-force-directed-graph-example-basic.html
http://christophermanning.org/projects/building-cubic-hamiltonian-graphs-from-lcf-notation/
http://www.nytimes.com/interactive/2012/11/02/us/politics/paths-to-the-white-house.html?_r=0

0 0
原创粉丝点击