【译】Learn D3 入门文档：Interaction

引子

继 Learn D3: Joins 第八篇，只是英文翻译，可修改代码的部分用静态图片替代了，想要实时交互请阅读原文。

• 原文：Learn D3: Interaction

• 版本：Published Mar 24, 2020

• Origin

• My GitHub

正文

几乎总是有太多的信息无法合理地“容纳”在图表中。因此，设计不仅仅是决定如何展示某些东西，而是根据我们认为对想象中的读者重要的东西，来决定展示什么和不展示什么。

多亏了计算机，真正的读者现在有了发言权：可以根据读者兴趣的需要定制图表。

然而，这种力量是一把双刃剑。交互性允许读者发现更多信息，但迫使读者参与互动。如果我们不小心，我们可能会将重要的见解隐藏在读者从不点击的控件后面。

如果我们的目的是传达已知的信息，我们应该在考虑交互之前设计一个有效的静态图表。另一方面，如果我们试图探索未知，那么交互可以比编码一个新的图表更快（但也考虑可视化语法探索，如 Vega Lite ）！

比较好的互动指南可以参考 Ben Shneiderman 的 information-seeking mantra ：

Overview first,zoom and filter,then details on demand.

overview 是图表的初始形式。它的目的不是显示所有数据（这是不可能的），而是提供所有数据的“宏观”视图。overview 是引导读者探索。

zooming 和 filtering 是选择感兴趣主题内容显示的方法。我们以前看到过将图表裁剪到各个年份的控件；还有自由缩放的形式、平移和焦点+上下文。