CSDN知识图谱插件，拓扑图插件

最新推荐文章于 2024-04-22 09:47:47 发布

请持续率性

最新推荐文章于 2024-04-22 09:47:47 发布

阅读量5k

点赞数 4

本文链接：https://blog.csdn.net/k21325/article/details/68925611

版权

首先，来看看CSDN的知识图谱http://lib.csdn.net/base/machinelearning/structure

万般喜欢这个插件，于是就翻看源代码，抄了下来，喜欢的朋友可以去上面网站瞧瞧，

给神兽党朋友献上源码下载地址http://download.csdn.net/detail/k21325/9800217

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/d3.min.js" ></script>
		<script type="text/javascript" src="js/strucMap.min.js" ></script>
		<link rel="stylesheet" href="css/strucMap.min.css" />
		
	</head>
	<body>
		<div id="topomap" class=""></div>
		<script type="text/javascript">
	        var options = {
	        	selector:"#topomap",
	            width: 1140,
	            height: 840,
	            lineLength:100,
//	            textColor:"#000",
//	            textFontFamily:'',
	            nodesClick: function(t) {
	            	if(t.index==0) t.fixed=1;
	            	console.log(t)
	            }
            };
            var nodesJson = [{"fixed":true,"id":2,"index":0,"prop":{"name":"机器学习"},"x":560,"y":480},{"id":"22","index":1,"prop":{"name":"工作平台"}},{"id":36,"index":2,"prop":{"name":"语言选择"}},{"id":37,"index":2,"prop":{"name":"学习工具"}},{"id":58,"index":2,"prop":{"name":"机器学习工具"}},{"id":59,"index":2,"prop":{"name":"机器学习框架"}},{"id":61,"index":2,"prop":{"name":"机器学习库"}},{"id":"23","index":1,"prop":{"name":"资源汇总"}},{"id":38,"index":2,"prop":{"name":"数据集"}},{"id":54,"index":2,"prop":{"name":"案例分析"}},{"id":63,"index":2,"prop":{"name":"资源汇总"}},{"id":"24","index":1,"prop":{"name":"基本概念"}},{"id":12,"index":2,"prop":{"name":"基本概念"}},{"id":"25","index":1,"prop":{"name":"学习方法"}},{"id":39,"index":2,"prop":{"name":"学习方法"}},{"id":"26","index":1,"prop":{"name":"算法实现"}},{"id":40,"index":2,"prop":{"name":"分类算法"}},{"id":41,"index":2,"prop":{"name":"回归算法"}},{"id":43,"index":2,"prop":{"name":"聚类算法"}},{"id":"27","index":1,"prop":{"name":"数据预处理"}},{"id":44,"index":2,"prop":{"name":"数据预处理"}},{"id":"28","index":1,"prop":{"name":"特征工程"}},{"id":46,"index":2,"prop":{"name":"特征选择"}},{"id":48,"index":2,"prop":{"name":"特征提取"}},{"id":"29","index":1,"prop":{"name":"问题建模"}},{"id":49,"index":2,"prop":{"name":"问题建模"}},{"id":"30","index":1,"prop":{"name":"模型选择"}},{"id":51,"index":2,"prop":{"name":"交叉验证"}},{"id":52,"index":2,"prop":{"name":"参数选择"}},{"id":"31","index":1,"prop":{"name":"模型评估"}},{"id":53,"index":2,"prop":{"name":"模型评估"}}];
           	var linksJson = [{"source":0,"target":1,},{"source":1,"target":2,},{"source":1,"target":3,},{"source":1,"target":4,},{"source":1,"target":5,},{"source":1,"target":6,},{"source":0,"target":7,},{"source":7,"target":8,},{"source":7,"target":9,},{"source":7,"target":10,},{"source":0,"target":11,},{"source":11,"target":12,},{"source":0,"target":13,},{"source":13,"target":14,},{"source":0,"target":15,},{"source":15,"target":16,},{"source":15,"target":17,},{"source":15,"target":18,},{"source":0,"target":19,},{"source":19,"target":20,},{"source":0,"target":21,},{"source":21,"target":22,},{"source":21,"target":23,},{"source":0,"target":24,},{"source":24,"target":25,},{"source":0,"target":26,},{"source":26,"target":27,},{"source":26,"target":28,},{"source":0,"target":29,},{"source":29,"target":30,}];
            loadMap(options, nodesJson, linksJson);
		</script>
	</body>
</html>

下面是效果图

请持续率性

关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
4
评论
CSDN知识图谱插件，拓扑图插件

首先，来看看CSDN的知识图谱http://lib.csdn.net/base/machinelearning/structure万般喜欢这个插件，于是就翻看源代码，抄了下来 var options = { selector:"#topomap", width: 1
复制链接

扫一扫