摘要: 首先说明,d3支持所有的JS事件——甚至其他代码的自定义事件。这里有一个列表,The MDNEvent Reference, 包含了几乎所有浏览器创建的事件类型。大家有需要可以去查看。D3的事件绑定的语法,与jquery等其他类库用起来区别不大,都是object.on( event, listene... 阅读全文
posted @ 2014-10-16 17:20 CUC张迪 阅读(4258) 评论(0) 推荐(1) 编辑
摘要: 需求驱动实现前文讲过了D3的数据驱动机制,中间所举的例子都很简单。例如那个demo里面,绑定的数据是一个简单的数组,实现的图元也仅仅是一堆用SVG画的circle。但是现实世界中我们往往会遇到复杂的需求,例如我就遇到了这样一个需求:数据是一个复杂的对象数组,而与之绑定的图元是一个可变图形。该图形可以... 阅读全文
posted @ 2014-10-16 17:19 CUC张迪 阅读(1284) 评论(0) 推荐(0) 编辑
摘要: 前文中已经提到,SVG从诞生之初起就可以非常方便地使用javascript脚本语言来进行其DOM对象的控制。当然,控制的方法有很多,有直接控制SVG对象的方法,例如使用原生js;有帮你封装一下图形接口再进行直接控制的js类库,如Raphaël。但是正如我在第一篇文章中所说,d3作为一个中间型类库还能... 阅读全文
posted @ 2014-10-16 17:14 CUC张迪 阅读(1161) 评论(0) 推荐(0) 编辑
摘要: 一. SVG简介—————————————————————————————————————————————————————————————————SVG是一种和图像分辨率无关的矢量图形格式,它使用严格的XML语法描述图形内容。关于它,主机位于麻省理工学院的W3c官网有着全面的介绍(http://ww... 阅读全文
posted @ 2014-10-16 15:19 CUC张迪 阅读(1232) 评论(0) 推荐(0) 编辑
摘要: 最近以来,我使用d3进行我的可视化工具的开发已经3个月了,同时也兼用其他一些图表类库,自我感觉稍微有点心得。之前我也写过相关文章,我涉及的数据可视化的实现技术和工具,但是那篇文章对于项目开发而言太浅了。于是想写关于d3进行项目实战的系列文章,就像我之前的angularjs实战系列文章一样把整个开发过... 阅读全文
posted @ 2014-10-16 14:59 CUC张迪 阅读(1560) 评论(0) 推荐(0) 编辑
摘要: 《数据可视化之美》一书的第五章和第六章分别讲了两个故事:重新设计纽约地铁图和航班飞行动态图。这两个故事共同点都是“地图的二次开发”。这两个故事不同点在于前者更近是传统的信息可视化的扩展,后者是以美国航班实际数据作得典型的数据可视化。地图可以说是人类最早做出的信息可视化成品,千百年来一直在不断演进,相... 阅读全文
posted @ 2014-10-15 15:17 CUC张迪 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 摘要:本文以本人目前所做项目为基础,从设计的角度探讨数据可视化的设计的方法、过程和结果,起抛砖引玉之效。在技术方案上,我们采用通用web架构和d3js作为主要技术手段;考虑到项目需求,这里所做的可视化案例都是数据演示工具,不是数据探索工具。其中所用截图,并非最终效果图。一.基础说明1.基础技术使用D... 阅读全文
posted @ 2014-10-15 15:05 CUC张迪 阅读(3839) 评论(0) 推荐(0) 编辑
摘要: 写这种综述性质的文章是非常耗时的,连续写4,5个小时还觉得没有写到位是很正常的事。然而要说写完一篇这样的文章就会有什么特别的斩获吗?要我看,其实也没多少,但一丝经验的积累,确实还是有的。所谓做事要有始有终,既然我已经决定要做一个表率,就必须坚持下去。我在没有什么观众的情况下坚持画画了那么久,何况现在... 阅读全文
posted @ 2014-10-15 14:52 CUC张迪 阅读(1219) 评论(1) 推荐(0) 编辑
摘要: 我觉得现在很有必要回顾一下我过去的前端开发技术路线变化图,从而更好地帮助师弟师妹们提高。让大家了解,为什么这么做,这么做有什么好处,非常必要。这里还要特别鸣谢一下我的研究生同学侯振宇,他对技术孜孜不倦钻研的精神提点了我许多,虽然他dota是个猪队友,但是我依然感到十分荣幸能遇到这样的同学。若是哪一天... 阅读全文
posted @ 2014-10-15 14:51 CUC张迪 阅读(1697) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章中我花了很多口舌去介绍angularjs是一个中型框架,面对大型应用时少不了第三方类库的配合。而我的核心议题是:如何以angularjs的思路使用其他类库,这里jquery是最好的例子了,谁让它争议最大。许多人一看到jquery就火冒三丈冲过来觉得这货是影响代码结构、打破angular w... 阅读全文
posted @ 2014-10-15 14:49 CUC张迪 阅读(314) 评论(0) 推荐(0) 编辑
这里是我的博客备份,我的个人主站点地址是:http://www.storagelab.org.cn/zhangdi/