支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码

源码资源网

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码
一、项目简介

一个较为完善的图可视化引擎，支持自定义的可视化效果，集成多种经典网络布局算法，社区发现算法，路径分析算法，方便使用人员或开发者快速构建自己的图可视化分析应用。

应用于知识图谱可视化，复杂网络可视化分析，关系图可视化，网络拓扑图，布局算法，社区发现算法等可视化场景。 可以作为 network，graph，knowlegegraph，neo4j，gephi等扩展工具可视化分析web版本的核心库。

二、功能概述项目核心价值

• 快速高效的可视化引擎，支持大量数据的交互式操作。
• 集成大量的经典布局算法，如：树形结构类，力导向布局类，圆形类，层级关系类、节点避免重叠等
• 支持经典社区划分算法，如：chineseWisper, lovin,newman等
• 完整的在线应用实例，完善的开发文档
  

使用GraphVis开发关系图数据可视化应用，其包含三部分：

• 图可视化组件库：将关系数据在画布上绘制成可视化元素，可指定大小、颜色、边框、字体、图片、坐标等。
• 图布局算法库：基于可视化元素及其内置数据结构，实现了多种常用布局算法，如：力导图、树状图、圆形图等，让可视化元素更易于查看和分析，也让展现变的更生动美丽。支持自定义调校算法参数，使其满足实际数据可视化展现的需要，多种算法组合使用，效果更好。
• 图聚类算法库：基于可视化元素及内置数据结构，实现常见的图数据的聚类算法，在复杂网络分析过程中，让紧密的关系划分更清晰，更易于分析，也可做群组推荐、社区划分等应用。
  

三、技术选型如何使用GraphVis绘图第一步：页面标签引用GraphVis组件库文件

1. <script type="text/javascript" src="visgraph-x.x.x.min.js"></script>

复制代码

第二步：准备关系数据

1. //定义关系数据，包含节点（nodes）和 关系（links），可自定义属性，颜色、坐标，文字等
   
2. var graphData = {
   
3.    nodes:[
   
4.               {id:'1',label:'刘备',type:'兄',x:100,y:200,properties:{name:'刘玄德'}},
   
5.               {id:'2',label:'关羽',type:'弟',x:300,y:200,properties:{name:'关云长'}},
   
6.               {id:'3',label:'张飞',type:'弟',x:500,y:200,properties:{name:'张翼德'}}
   
7.    ],
   
8.    links:[
   
9.                                                 {source:'1',target:'2',label:'兄弟',properties:{desc:'结拜'}},
   
10.             {source:'1',target:'3',label:'兄弟'}
    
11.    ]
    
12. };

复制代码

第三步：绘制关系图

1. //页面中需要包裹画布的元素
   
2. <div id="graph-panel" style="width:800px;height:600px;"></div>
   
3. 
   
4. //创建GraphVis对象，进行方法调用
   
5. let visGraph = new VisGraph(document.getElementById('graph-panel'));
   
6. 
   
7. //调用绘图方法，绘制关系图
   
8. visGraph.drawData(graphData);

复制代码

以上三步代码的执行结果如下：

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

在数据按格式准备好的情况下，只需短短两行代码即可实现关系数据到可视化数据的转化，然后就可进行接来的其他交互操作了。

GraphVis提供了很多实用的方法，方便直接调用进行可视化元素的操作。如果感兴趣您可以继续阅读后续篇章进行了解学习。

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

应用效果图

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

支持自定义的可视化效果的图谱引擎源码，一个较为完善的图可视化引擎源码 ...

游客，本帖隐藏的内容需要积分高于 2 才可浏览，您当前积分为 0

提取码下载：

文件名称:提取码下载.txt 
下载次数:1  文件大小:14 Bytes  售价:59金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员5折；永久VIP免费】

安全检测，请放心下载