标签： d3js

d3可视化实战04：事件绑定机制

首先说明，d3支持所有的JS事件——甚至其他代码的自定义事件。这里有一个列表，The MDN Event Reference，包含了几乎所有浏览器创建的事件类型。大家有需要可以去查看。 D3的事件绑

需求驱动实现前文讲过了D3的数据驱动机制，中间所举的例子都很简单。例如那个demo里面，绑定的数据是一个简单的数组，实现的图元也仅仅是一堆用SVG画的circle。但是现实世界中我们往往会遇到复杂的

前文中已经提到，SVG从诞生之初起就可以非常方便地使用javascript脚本语言来进行其DOM对象的控制。当然，控制的方法有很多，有直接控制SVG对象的方法，例如使用原生js；有帮你封装一下图形接口

关于D3.js，我原计划直先以其核心内容——数据驱动作为我的实战文章的第二篇。但是想来想去，还是决定把我对SVG（可缩放矢量图形，Scalable Vector Graphics）的理解先梳理一遍。我

最近以来，我使用d3进行我的可视化工具的开发已经3个月了，同时也兼用其他一些图表类库，自我感觉稍微有点心得。之前我也写过相关文章，我涉及的数据可视化的实现技术和工具，但是那篇文章对于项目开发而言太浅了

SVG文字交互区域的制作注意在很多情况下，我们使用d3（或者其他SVG类库）创建交互式图表时，都需要将html元素插入到SVG元素上。典型的例子，就是图表中有需要交互式修改文字的地方，

D3js初探及数据可视化案例设计实战摘要：本文以本人目前所做项目为基础，从设计的角度探讨数据可视化的设计的方法、过程和结果，起抛砖引玉之效。在技术方案上，我们采用通用web架构和d3j