D3 简介
D3 version 4 版本由 Mike Bostock 在 2016年 7 月 28号正式发布了此版本,与 version 3 不同的是 D3 目前是模块化,并由许多小库组成的,可以独立的进行使用,而且每个库都有自己的存储库和发行周期。
这也和D3 version 3 版本不同,在 D3 中开发者可能会从之前从0开始到现在的通过各种库来调用几个库来进行完成一个图表的绘制。
在此基础上虽然 D3 version 4 是模块化开发的,但是与之前其他的Highcharts、Echarts、Chart
框架不同,在模块化的基础上保证了代码的可扩展性和自定义等。
需要注意的是,D3 是鼓励使用者来使用现成图表来进行绘制数据的,您只需要修改下数据和参数即可,官方认为这样可以帮助读者学习。
D3 的最好学习方法就是浏览他们的图库,这些例子可以照样重新利用来减少大量的从零学习的成本。
虽然你可能感觉这是 CV工程师所做的,但这没有关系,这些例子不仅仅是一个模板,而是一个学习的工具,通过改变这些参数来看看发生什么,比被动阅读更加的可以帮助理解。
—— Mike Bostock
模块化开发的好处还不仅仅只是方便开发,他还有一个对项目开发中较为友好的处理。在 d3 version3 版本中,的版本容量为148KB,而在 d3 version 4 中,容量则为12.8KB
。
这也归功与模块化开发,将功能分开,各模块单独发展、单独使用,这里就不会考虑容量的问题。
⬅️ Go backD3 version 4 是各个独立模块间协同工作的,而不是一个单独的库。可以根据需要而夹杂独立的模块,默认的完整资源包包含了大约 30 子模块:
<script src="https://d3js.org/d3.v4.0.0-alpha.50.min.js"></script>
如果需要按照项目需要而单独加载模块,比如使用一个颜色生成器,则需要单独引入:
<script src="https://d3js.org/d3-scale-chromatic.v0.3.min.js"></script>