了解D3.js-数据可视化
来源:互联网 发布:淘宝买黄金项链可靠吗 编辑:程序博客网 时间:2024/05/21 15:47
D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。
JavaScript 文件的后缀名通常为 .js,故 D3 也常使用 D3.js 称呼。D3 提供了各种简单易用的函数,大大简化了 JavaScript 操作数据的难度。由于它本质上是 JavaScript ,所以用 JavaScript 也是可以实现所有功能的,但它能大大减小你的工作量,尤其是在数据可视化方面,D3 已经将生成可视化的复杂步骤精简到了几个简单的函数,你只需要输入几个简单的数据,就能够转换为各种绚丽的图形。有过 JavaScript 基础的朋友一定很容易理解它。
一句话:D3.js是一个操纵数据的javascript库!
如何评价 D3.js 这个框架?
d3.js你看成是svg的jQuery就行了。
d3.js的所有操作都是真实的dom操作,这和React的vdom完全是两个思路。
当然,d3.js也有可以先计算节点属性,最后挂上dom树的用法,只不过不常用。
操作SVG dom并不是什么了不起的,任何前端程序员操作都可以再短时间内学会操作SVG。
jQuery式的操作,在今天也不是什么先进的东西。
更何况d3的选择器,在我看来,并不是最适合它的交互方式。
d3厉害的地方在于它建立了一整套数据到SVG属性的计算框架,
常用Data visualization模型,大多都可以再d3.layout里面找到,
你常用的几何图形,在d3.svg里面都有。
它为不理解SVG属性计算公式的程序员提供了一整套工具包,让你可以轻松的把数据转换成你想要的SVG属性。而不用把精力耗费在学习如何生成一条path之类的事情上。
现在看来,组件化可以解决HTML排版的很多问题,当然也可以解决SVG排版的问题。
但是,d3作为无数组Data Visualization库的基础,已经太大而不能转型了。
作者:Twiknight
链接:https://www.zhihu.com/question/38648735/answer/77400803
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
http://www.jianshu.com/p/c3800c61d2fb
http://www.68kejian.com/page/detail/132/course
https://zhuanlan.zhihu.com/p/21897086
http://www.cnblogs.com/tanlujia/p/6376686.html
- 了解D3.js-数据可视化
- 数据可视化与D3.js
- 一.d3.js 数据可视化
- 使用D3.js进行数据可视化
- D3.js 数据可视化学习笔记——Hello D3!
- 可视化库 D3.js
- 【D3.js数据可视化系列教程】--(三)数据绑定
- 【D3.js数据可视化系列教程】--(四)使用数据
- 【D3.js数据可视化系列教程】--(一)简介
- 【D3.js数据可视化系列教程】--(六)生成测试数据
- 【D3.js数据可视化系列教程】--(七)SVG初探
- 【D3.js数据可视化系列教程】--(十一)散点图
- 【D3.js数据可视化系列教程】--(十二)比例尺
- 【D3.js数据可视化系列教程】--(十三)坐标轴
- 【D3.js数据可视化系列教程】(二十八)--弦图
- 【D3.js数据可视化系列教程】(三十四)-- sankey图
- 【D3.js数据可视化系列教程】(三十五)-- 矩形树
- 【D3.js数据可视化系列教程】(三十六)-- 冰柱图
- UVA 11892 ENimEN
- 百练_4142:二分法求函数的零点
- 旋转字符串
- 服务器的资源管理器显示进程占用内存不多,性能里内存爆满
- hack兼容IE (Firefox)6 7 8的写法
- 了解D3.js-数据可视化
- flask几种参数配置方法,致初学者
- vim 中Ctags的安装和使用
- scala代码风格指南--<嵌套块>
- *单例集合、泛型
- MySQL安装文件分为两种,一种是msi格式的,一种是zip格式的
- 数组先小于等于再大于等于的调整
- HDU-2546-饭卡(01背包)
- 按键驱动(一)-中断