【D3.js数据可视化系列教程】--(一)简介

1. D3是什么?

D3: 是Data-Driven Documents(数据驱动文档)的简称。

D3 (或D3.js) 是一个用来使用Web标准做数据可视化的JavaScript库。 D3帮助我们使用SVG, Canvas 和 HTML技术让数据生动有趣。 D3将强大的可视化动态交互数据驱动的DOM操作方法完美结合,让我们可以充分发挥现代浏览器的功能,自由的设计正确的可视化界面。

更多参考见wiki、 官网案例和 作者mbostock的博客.

2. 我为什么用D3?

  • 结合HTML,SVG,CSS,D3可以图形化的,生动的展现数据。是目前最流行的数据可视化库,同时是Github上前端库排行第二(仅次于bootstrap)。
  • 比Processing这样的底层绘图库更简单,比Echarts这样高度封装的图表库更自由。
  • D3基于开源协议BSD-3-Clause3,可以免费用于商业项目。源码托管在GitHub 上star数已达50000多次,有大量用户和丰富友好的案例。

3. 如何获得D3?

d3.js 3.5.5

4. 需要哪些必备技能?

5. D3有哪些功能?

D3功能强大,是目前最好的二维数据可视化工具。参考《D3 API 详解(全彩)》一书的内容,可以一窥D3的全貌。

  • 26
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
第1章,D3入门指南,是D3.js预热。它涵盖了一些基本概念,诸如D3.js是什么,以及如何搭建一个适用于D3.js数据可视化程序的开发环境等。 第 2章,精挑细选,向你介绍了D3数字可视化中最基本的一项操作——选集。选集可以帮助读者定位页面上的元素。 第3章,与数据同行,探索了任何数据可视化程序中都会涉及的基础问题——如何通过程序构造、可视化效果展示数据。 第4章,张弛有“度”,介绍了数字可视化中非常重要的一个子领域。作为一个数字可视化的开发人员,如何将数据映射为可视化元素,是一个每天都要面对的问题,本章就此问题做了深入探索。 第5章,玩转坐标轴,介绍了坐标轴组件,以及基于笛卡尔坐标系的可视化程序的相关技术。 第6章,优雅变换,介绍了过渡相关的概念。“一图胜千言”正是对数字可视化的最好总结。这一章涵盖了D3库中过渡以及动画的相关概念。 第7章,图形之美,介绍了SVG相关的概念。SVG是一个广泛用于数字可视化程序的W3C(World Wide Web Consortium)标准。 第8章,图表美化,探索了数据可视化中最为人知的组件——图表。图表是定义良好的且易于理解的数据可视化展示方式。 第9章,井然有序,本章集中讲述D3的布局。D3的布局是一种算法,用于计算和生成元素的位置信息,这些元素可用于生成复杂又有趣的可视化程序。 第10章,可视化交互,本章集中讲述D3可视化交互的支持,换句话说,即如何向你的可视化程序添加控制能力。 第 11 章,使用“原力”,介绍了D3 中又一神奇的功能——力学。力模拟是数字可视化程序中最炫的一项技术。 第12章,地图的奥秘,介绍了D3基本的地图可视化技术,以及如何在D3中实现一个全功能的可视化地图。 第13章,测试驱动,帮助你使用TDD的方式来实现可视化程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值