【 D3.js 入门系列 --- 0 】 简介及安装
2015-10-02 16:41
267 查看
家是我的个人博客: http://www.ourd3js.com/ ,csdn博客首页为:http://blog.csdn.net/lzhlzz/。转载请注明出处,谢谢。
D3的全称是(Data-Driven Documents),顾名思义能够知道是一个关于数据驱动的文档的javascript类库。假设你不知道什么是javascript。请先学习javascript的相关知识。
说得简单一点,D3.js主要是用于操作数据的,它通过使用HTML、SVG、CSS来给你的数据注入生命,即转换为各种简单易懂的绚丽的图形。
先看一个简单的样例。
如今有一组数据。 【 4 , 32 , 15 。 16 , 42 , 25 】 。如今我希望让人一眼就看出他们的大小关系,怎么办?当然这里的数据不算多。有那眼疾手快的家伙站出来说我能一眼看出来!
但更直观的是用图形显示。例如以下图:
通过图形的显示,能非常清楚地知道他们的大小关系。当然,D3能力远不止如此,这仅仅是一个非常小的应用。通过D3的使用,你能把枯燥乏味复杂的数据,用非常easy明了的形式显示出来,这也叫数据可视化。
学习D3.js最好的地方是: http://d3js.org/ ,当然里面都是英文的。
以下说一下怎么使用安装使用D3.js,方法有两种:
1.下载D3.js的文件
d3.zip
解压后。在html,jsp之类的文件里包括相关的js文件就可以
2.还能够直接包括网络的链接。这样的方法较简单
但使用的时候要保持网络连接有效。不能再断网的情况下使用。
行,你可以开始D3游。
D3的全称是(Data-Driven Documents),顾名思义能够知道是一个关于数据驱动的文档的javascript类库。假设你不知道什么是javascript。请先学习javascript的相关知识。
说得简单一点,D3.js主要是用于操作数据的,它通过使用HTML、SVG、CSS来给你的数据注入生命,即转换为各种简单易懂的绚丽的图形。
先看一个简单的样例。
如今有一组数据。 【 4 , 32 , 15 。 16 , 42 , 25 】 。如今我希望让人一眼就看出他们的大小关系,怎么办?当然这里的数据不算多。有那眼疾手快的家伙站出来说我能一眼看出来!
但更直观的是用图形显示。例如以下图:
通过图形的显示,能非常清楚地知道他们的大小关系。当然,D3能力远不止如此,这仅仅是一个非常小的应用。通过D3的使用,你能把枯燥乏味复杂的数据,用非常easy明了的形式显示出来,这也叫数据可视化。
学习D3.js最好的地方是: http://d3js.org/ ,当然里面都是英文的。
以下说一下怎么使用安装使用D3.js,方法有两种:
1.下载D3.js的文件
d3.zip
解压后。在html,jsp之类的文件里包括相关的js文件就可以
2.还能够直接包括网络的链接。这样的方法较简单
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
但使用的时候要保持网络连接有效。不能再断网的情况下使用。
行,你可以开始D3游。
相关文章推荐
- 03 crawler
- [LeetCode][JavaScript]Reverse Linked List II
- JavaScript设计模式——方法的链式调用
- JavaScript权威指南学习之第5章 语句
- Extjs4.2 model关联读复杂XML
- ExtJs 格式化字符串:去除行首、行尾空格、换行符
- JS DOM的hash 属性
- JavaScript判断各浏览器CSS前缀的两种方式
- 使用 JavaScript 进行函数式编程 (一) 翻译
- JavaScript动画性能优化
- javascript中间AJAX
- JSP文件下载功能的4种方法
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- 浅析JavaScript之Function类型
- JavaScript 支持函数的递归调用
- JSP随机验证图片如何制作
- JSON介绍
- javascript学习笔记2
- JSP如何获取客户端真实IP地址
- javascript学习笔记1