一种直观表达系统状态和网络流量传导的图表

d3 是一个基于js和svg的图表类库,里面实例丰富.本想找一个现成的,用于表达系统状态和网络流量传导,可惜最接近需求的这个只支持树状结构Using D3.js to visualise Hierarchical Classification 于是自己动手改造了一番,效果如图所示:

特性：

同时支持树状和网状结构

节点可拖动，数据刷新后位置信息保留

完整demo见 https://code.google.com/p/performance-graph/source/browse/trunk/component_demo.html