您的位置：首页 > 其它

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

2017-03-31 15:11 281 查看

首先，来看看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>

下面是效果图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航