search

d3 / d3-plugins

[DEPRECATED] A repository for sharing D3.js V3 plugins.
https://github.com/d3/d3/wiki/Plugins
Other
1.81k stars 685 forks source link

Improving Cartesian Distortion in D3.js ( fisheye plugin ) #106

Open ThomasDeutsch opened 10 years ago

ThomasDeutsch commented 10 years ago

In this amazing visualization from the NY-Times team, you can see the Cartesian Disortion in action.

In one case, i think that this visualization can be improved.

As you can see in this picture, the last image will be bigger if the cursor is on the left site of the picture, than it would be if it is centered. (crosshair shows the cursor position)

enter image description here

As a user, you would expect to see the biggest image when you are exactly over it. You have this effect in the middle of this visualization.

Edit: 

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

With a simple hack, i can stop the redraw and modify evented mouse position.

http://jsfiddle.net/t0pbqe3j/2/

Just for the idea for what i am talking about.

tayabsoomro commented 6 years ago

Can this also be trivially converted from D3 v2 to D3 v4?