【D3.js-大数据可视化-知识图谱力导向图/引力图谱】数据展示

最新推荐文章于 2024-08-12 08:35:44 发布

睡觉要戴耳塞

最新推荐文章于 2024-08-12 08:35:44 发布

阅读量1.2w

点赞数 5

分类专栏： D3.js 文章标签： d3.js 大数据可视化引力知识图谱力导向图 js

本文链接：https://blog.csdn.net/weixin_42048134/article/details/80751264

版权

本文介绍了一次使用D3.js进行大数据可视化的项目经验，强调了D3.js在数据展示方面的强大能力。通过代码示例，逐步解析如何创建引力知识图谱和力导向图，为读者展示如何利用D3.js有效地呈现复杂数据。

摘要由CSDN通过智能技术生成

前段时间做了一个关于大数据可视化的项目，用到了d3.js，不得不说，对于大数据的展示，d3真是做到了极致，话不多说，直接上代码。先从最简单的数据展示开始，每天逐步更新。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<script src="d3.v3.min.js"></script>
	<title>vichun-CSDN</title>
</head>
<body>

	<script>
		let data={
			'nodes':[
				{'food':'西红柿'},
				{'food':'茄子'},
				{'food':'胡萝卜'},
				{'food':'辣椒'},
				{'food':'土豆'},
				{'food':'白菜'},
				{'food':'粉条'},
				{'food':'山药'}
			],

			'links':[
				{source:0,target:1},
				{source:0,target:2},
				{source:0,target:3},
				{source:0,target:4},
				{source:0,target:5},
				{source:0,target:6},
				{source:0,target:7