16、数据可视化交互与力模拟技术

数据可视化交互与力模拟技术

1. 触摸交互

触摸交互可以通过 touchstart 和 touchend 事件来实现，同时也可以使用相同的模式处理浏览器支持的其他触摸事件。W3C 推荐的触摸事件类型如下：
- touchstart ：用户在触摸表面放置触摸点时触发。
- touchend ：用户从触摸表面移除触摸点时触发。
- touchmove ：用户在触摸表面移动触摸点时触发。
- touchcancel ：触摸点以特定于实现的方式被中断时触发。

2. 缩放与平移行为

2.1 准备工作

在浏览器中打开以下文件的本地副本：

https://github.com/NickQiZhu/d3-cookbook/blob/master/src/chapter10/zoom.html

2.2 代码实现

<script type="text/javascript">
    var width = 960, height = 500, r = 50;
    var data = [
        [width / 2 - r, height / 2 - r],
        [width / 2 - r, height / 2 + r],
        [widt