近年来,可视化变得越来越流行。 许多报纸、杂志、门户网站、新闻和媒体都大量使用可视化技术,使复杂的数据和文本变得非常容易理解。 有句谚语“一图胜千言”。 ”确实名副其实。 各种数据可视化工具也迅速发展,D3就是最好的之一。
什么是D3
D3的全称是(Data-),顾名思义,它是一个数据驱动的文档。 名字听起来有点抽象,但简单来说,它其实就是一个函数库。 主要用于数据可视化。 如果你不知道它是什么,请先学习一点基础知识。
教程
文件扩展名通常是.js,因此D3通常被称为D3.js。 D3提供了多种简单易用的功能,大大简化了操作数据的难度。 因为本质上来说,它可以实现所有的功能,而且可以大大减少你的工作量,尤其是在数据可视化方面。 D3 将生成可视化的复杂步骤简化为几个简单的函数。 只需输入几个简单的数据,就可以转换成各种华丽的图形。 有基础知识的朋友很容易理解。
为什么要进行数据可视化
现在有一组数据,[4,32,15,16,42,25]。 你能一眼看出它们的大小关系吗? 当然,这里的数据不多,但是那个眼疾手快的家伙却站出来说,我一眼就看出来了! 但以图形方式显示更直观,如下图:
通过图形显示,我们可以清楚地知道它们的尺寸关系。 当然,D3 的功能远不止于此,这只是一个小应用程序。 用简单、清晰的图形来表示枯燥、复杂的数据称为数据可视化。
D3有多受欢迎?
D3 是一个由《纽约时报》工程师编写的开源项目。 D3项目的代码托管在(一个开发管理平台,目前是全球最流行的代码托管平台,聚集了来自世界各地的优秀工程师)。
网上最受欢迎的项目有哪些?
名气够大,但是排在第6位,而D3排在第5位。
如何学习和使用D3
这里有几个学习D3的网站:
它包含许多示例和 API。 如果想顺利使用D3,就必须熟悉API。
作者开设的网站包含有关D3的一系列教程。
D3是一个函数库,不需要通常所说的“安装”。 它只有一个文件,可以在 HTML 中引用。 有两种方法:
(1)下载D3.js文件
解压后,只需将相关js文件包含在HTML文件中即可。
(2) 直接链接至互联网
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
此方法比较简单,但需要保持网络连接处于活动状态。
学习D3需要哪些先决知识?
对于那些想通过D3开始数据可视化之旅的人来说,他们需要哪些必备知识?
路人A:嗯,需要学那么多才能开始学D3吗?心理压力有点……大
馒头花花:不用,直接学D3就可以。 如果遇到不明白的地方,就阅读相关内容即可。
路人B:我没用过HTML、CSS等,没关系吗?
馒头花花:只要你在,就看一下这些词是什么意思,有什么用,然后看几个简单的例子。 在学习 D3 之前无需全部掌握。
需要什么工具
只需使用制作网页常用的工具即可。
记事本软件:++、、Text等,选择你喜欢的就可以了。
浏览器:IE9以上,,等,推荐
服务器软件:等
其中服务器软件可能不是必需的,但D3中的某些功能需要将HTML文件放置在服务器目录中才能正常使用。 这将在后面解释。
好了,你可以开始你的D3之旅了。 祝你好运。