码迷,mamicode.com
首页 > Web开发 > 详细

[0] D3.js的简介和安装

时间:2014-06-05 02:41:02      阅读:413      评论:0      收藏:0      [点我收藏+]

标签:d3.js   数据可视化   图形   数据   javascript   

    想要详细了解D3.js的朋友,欢迎来http://www.ourd3js.com/ 讨论


    D3的全称是(Data-Driven Documents),顾名思义可以知道是一个关于数据驱动的文档的javascript类库。如果你不知道什么是javascript,请先学习javascript的相关知识。 


    说得简单一点,D3.js主要是用于操作数据的,它通过使用HTML、SVG、CSS来给你的数据注入生命,即转换为各种简单易懂的绚丽的图形。 

    先看一个简单的例子。 

    现在有一组数据, 【  4 , 32 , 15 , 16 , 42 , 25   】 ,现在我希望让人一眼就看出他们的大小关系,怎么办?当然这里的数据不算多,有那眼疾手快的家伙站出来说我能一眼看出来!但更直观的是用图形显示,如下图: 

    bubuko.com,布布扣

    通过图形的显示,能很清楚地知道他们的大小关系。当然,D3能力远不止如此,这只是一个很小的应用。通过D3的使用,你能把枯燥乏味复杂的数据,用很简单明了的形式显示出来,这也叫数据可视化。 

    学习D3.js最好的地方是: http://d3js.org/  ,当然里面都是英文的。 
    下面说一下怎么使用安装使用D3.js,方法有两种: 
    1.下载D3.js的文件 

    解压后,在html,jsp之类的文件中包含相关的js文件即可 
     
    2.还可以直接包含网络的链接,这种方法较简单 
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    但使用的时候要保持网络连接有效,不能再断网的情况下使用。 
    好了,可以开始你的D3之旅了。

[0] D3.js的简介和安装,布布扣,bubuko.com

[0] D3.js的简介和安装

标签:d3.js   数据可视化   图形   数据   javascript   

原文地址:http://blog.csdn.net/lzhlzz/article/details/27191185

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