学术科研导航常用科研学术网址

Data driven documents

 Data driven documents,D3可视化工具,论文画图软件,科研绘图网站

爱站权重:PC 百度权重移动 百度移动权重

 Data driven documents官网,D3可视化工具,论文画图软件,科研绘图网站

 Data driven documents是什么

Data-driven documents (D3) 是一个JavaScript库,用于创建动态、交互性和可视化的数据驱动文档。D3允许开发者使用HTML、CSS和SVG来呈现数据,并通过对数据进行绑定、转换和操作来创建各种图表、图形和数据可视化效果。它提供了强大的API和丰富的功能,使开发者能够轻松地处理和展示各种复杂的数据集。通过D3,用户可以使用数据驱动的方式来更新和交互元素。无论是创建简单的柱状图和散点图,还是构建更复杂的网络图和热力图,D3提供了广泛的支持和灵活性。

 Data driven documents官网:https://d3js.org/

Data driven documents

D3简介

 D3全称:Data-Driven Documents
        D3是一个很神奇的基于Javascript的在网页上实现数据可视化的工具。作者是原可视化工具Protovis开发小组的成员Mike Bostock,现Protovis已经不再更新,Mike Bostock将主要精力转向以Protovis为基础的D3,更好的支持大数据处理和动态交互。已发布到V2版本,作者也提供V3版本,但尚未正式发布。
        掌握D3的基础:
            1、熟悉 HTML,DOM,CSS;
            2、有那么一点点的编程经历;
            3、知道什么是 jQuery,至少要了解Javascript;
            4、愿意去学习CSV、SVG、JSON、正则表达式等知识点;
            5、为了更好的理解,可以补充一些XML、XHML、HTML5、AJAX等等,清楚其中的区别;
            6、你需要有热情,并愿意做出优秀的、交互式可视化图形。
         开发工具:不是必需的!
        基于D3的开发不需要特别的开发工具,用系统自带的记事本就可以(不推荐使用写字板),如果为了可视方便,可以使用Notepad++或者Editplus,推荐WebStorm。

d3的优势

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

D3 能够将数据与 DOM 绑定在一起,使得数据与图形成为一个整体,即图形中有数据、数据中有图形。那么在生成图形或更改图形时,就可以方便地根据数据进行操作,并且,当数据更改之后,也能简单地更改图形。

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

将数据变成图表,需要不少数学算法。很多可视化库的做法是:

提供一个函数 drawPie() ,输入数据,直接绘制出饼状图。

但 D3 的做法是:

提供一个函数 computePie(),可将数据转换成饼状图的数据,然后开发者可使用自己喜欢的方式来绘制饼状图。

虽然看起来 D3 使得问题变得麻烦了,但是在图表要求比较复杂的时候,直接绘制的饼状图往往达不到要求,细微的部分没有办法更改。而 D3 将两者分离开来,就极大地提高了自由度,以至于开发者甚至可以使用其他的图形库来显示 D3 计算的数据。

(3)代码简洁

JQuery 是网页开发中很常用的库,其中使用了链式语法,被很多人喜爱。D3 也采用了这一语法,能够一个函数套一个函数,使得代码很简洁。

(4)大量布局

饼状图、树形图、打包图、矩阵树图等等,D3 将大量复杂的算法封装成一个一个”布局“,用于转换数据。能够适用于各种图表的制作。

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

SVG,是可缩放的矢量图形。D3 的绘制大部分是在 SVG 上绘制的,并且提供了大量的图形生成器,使得在 SVG 上生成图形变得简单。

另外,由于 SVG 是矢量图,放大缩小不会有精度损失

Data driven documents

Data driven documents

相关导航

暂无评论

暂无评论...