之前也没有写过数据可视化这方面的代码,也没有了解过相关的内容,这次是完全从头开始学习,所以如果有哪些地方整理的不对,也希望大家可以及时的指出来,共同学习进步。
我是跟着b站上张少魁老师的课学习的,所以整个学习笔记就是基于张少魁老师课的课堂笔记,大家有想学习可视化内容的也可以直接去b站搜索“数据可视化编程-使用D3”。
我后期使用的全部代码的参考代码可以直接在少魁老师的github上下载:http://github.com/Shao-kui/D3.js-Demos
D3全称Data-Driven Documents,D3.js是基于数据操作文档的 JavaScript 库。D3 适用 Web 标准,因此使用一般的浏览器即可将强大的可视化组件和数据驱动的 DOM 操作方法相结合。
在正式学习D3前,要有一定的HTML基础,如果完全没有接触过还是建议先简单的入门一下。
D3的导入也很简单,只需要在.htm中的<script>标签中加入链接即可,官方给出的链接如下:
<script src="https://d3js.org/d3.v6.min.js"></script>
太基础的一些知识我会直接跳过,在此只记录写代码的过程和遇到的一些问题。