1.在项目中使用D3.js

时间:2023-03-09 19:46:22
1.在项目中使用D3.js

在项目中使用D3.js

D3.js(全称:Data-Driven Documents)是一个基于数据操作文档的JavaScript库。D3帮助您使用HTML、SVG和CSS使数据生动起来。D3对web标准的强调为您提供了现代浏览器的全部功能,而无需绑定到专有框架,还结合了强大的可视化组件和数据驱动的DOM操作方法。

在代码中使用D3.js

1.直接引用网站链接

 <head>
<script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script>
</head>

也就是在head标签中加入
这里使用的是v5版本,当然你也可以改成其他版本,如果你想使用v6版本,将v5改成v6就可以了

2.将d3.js 下载到本地进行引用

下载到本地的好处就是可以在没有网络的情况下也能使用

学习 d3.js 的一个很好的途径是看官网上的例子和 API

D3.js的官方

官网:https://d3js.org/
官方API:https://github.com/d3/d3/blob/master/API.md