码迷,mamicode.com
首页 > 其他好文 > 详细

D3简介

时间:2018-09-22 12:57:52      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:更新   int   行操作   数据集   nbsp   饼状图   代码简洁   efi   可视化   

(一)D3简介

一、D3是什么

一张图片价值相当于一千个字

D3的全称是 Data-Driven Documents,直译为:数据驱动的文档

D3是一个javaScript的函数库,是用来做数据可视化的。

文档指DOM,即文档对象模型(Document Object Model)

D3允许用户绑定任意数据到DOM,然后根据数据来操作文档,创建可交互式的图表。

二、D3的优势

1. 数据能够与DOM绑定在一起

可以方便的根据数据进行操作,并且当数据更改之后,图形的更新也会很方便。

2. 数据转换和绘制是独立的

D3的做法,提供一个函数computePie(),可将数据转换成饼状图的数据,

然后开发者使用自己喜欢的方式来绘制饼状图。

3. 代码简洁

4.大量布局

5. 基于SVG,缩放不会损失精度

三、D3的适用范围

Ben Fry 《Visualizing Data》中将数据可视化的过程分为7个步骤

1、获取 Acquire

2、分析 Parse

3、过滤 Filter

4、挖掘 Mine

5、表现 Represent

6、改善 Refine

7、交互 Interact

 

(二)数据可视化是什么

数据可视化 Data Visualization

一、目的

数据可视化的目的,是要对数据进行可视化处理,以使得能够明确的地、有效地传递信息。

比起枯燥乏味的数值,人类对于大小、位置、浓淡、颜色、形状等能够有更好、更快的认识。经过可视化之后的数据能够加深人对于数据的理解和记忆。

二、构成要素

坐标:直角坐标系、极坐标系

大小:

色彩:

标签:

关联:

数据可视化是对数字信息进行可视化,信息可视化是对数字信息和非数字信息进行可视化。

三、图表种类

1、柱形图

2、散点图

散点图使用三维数据集,x轴 y轴 点

3、折线图

4、饼状图

5、弦图 :节点之间的联系

6、力导向图

7、树状图

8、打包图

9、分区图

 

D3简介

标签:更新   int   行操作   数据集   nbsp   饼状图   代码简洁   efi   可视化   

原文地址:https://www.cnblogs.com/aimee2004/p/9689603.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!