提高可视化:D3.js中的笛卡尔失真(鱼眼插件)

时间:2014-09-03 10:09:49

标签: d3.js distortion cartesian scaletransform fisheye

在纽约时报团队的this amazing visualization中,您可以看到Cartesian Disortion正在投放。

在一个案例中,我认为可以改进这种可视化。

正如您在此图片中所看到的,如果光标位于图片的左侧部位,则最后一个图像将比图像居中时更大。 (十字准线显示光标位置)

enter image description here

作为用户,当您完全超过它时,您会看到最大的图片。您可以在此可视化中使用此效果。

Fiddle: http://jsfiddle.net/t0pbqe3j/6/

问题

当光标位于光标中间时,如何修改算法或焦点逻辑以显示最大宽度的每个部分/图像?

0 个答案:

没有答案