D3.js 入门

・3 分钟阅读

下载D3JS zip 17MB

概述

数据可视化是软件应用程序的重要组成部分,它不仅有助于理解和快速的理解,而且有时也会以简单的方式提供隐藏信息,在本文中,我们将尝试理解一种数据可视化技术--D3.js,它在数据可视化工程师中得到了广泛的应用。

本文是为D3.js初学者准备的,但是,由于D3.js是一种基于web的技术,读者应该非常了解常见的web技术,如HTML CSS AJAX等,以便理解本文,另外,由于D3.js本身是基于JQuery的技术,所以,还需要对JQuery具有良好的知识基础。

本文介绍了D3.js非常基本的概念,目的是让初学者从技术开始,因此我不想将初学者与大量的信息混淆在一起,我在未来计划了更多的文章,这些文章将涵盖提前概念。

作为一种服务器端技术,我使用了ASP.Net MVC 4.0,但是如果你想使用其他服务器端技术,这是没有区别的,因为D3.js是一种客户端技术,服务器端技术只用于向客户端发送数据,这些数据将由D3.js处理。

介绍

D3.js (或仅用于Data-Driven文档的D3 )是用于在web浏览器中生成动态,交互式数据可视化的JavaScript库。

它基本上是使用SVG,JSON,JQuery,HTML5和CSS来实现数据可视化的API库。

从技术上讲,d3既不是图表库,也不是可视化库或图形库,它是现代网络技术的一个非常薄的层,帮助可视化工程师构建强大的数据可视化,JavaScript D3.js库嵌入在HTML网页中,它使用预先构建的JavaScript函数来选择元素、创建SVG对象、设置它们的样式或向它们添加转换或动态效果,如果需要,可以很容易地用CSS进行修饰。

大型数据集可以使用简单的D3.js函数轻松绑定到SVG对象,从而生成富文本/图形图表和图表,数据可以是各种格式,通常是JSON和CSV 。

D3 Framework

为什么要使用D3.js

现在市场上有许多可用的库,有免费的也有付费的,为什么要使用D3.js,这里有几个原因-

其他许多库相比,d3允许对最终可视结果进行很大的控制,免费开放源代码技术,所有源代码在GitHub托管 ,简单易用和自由,交互 功能强大,你可以用D3.js绘制任意的图表。
讨论
学以致用 profile image