title: D3 Fisheye Distortion on simple Scatter plot
body: <p>I'm trying to implement the d3 fisheye distortion (<a href="http://bost.ocks.org/mike/fisheye/" rel="nofollow">http://bost.ocks.org/mike/fisheye/</a>) on a simple scatter plot.</p>
  
  <p>Here the code that I have so far:
  <a href="http://plnkr.co/edit/yDWld6?p=preview" rel="nofollow">http://plnkr.co/edit/yDWld6?p=preview</a></p>
  
  <p>I am very unsure how I should call the circles for the distortion. At the moment it looks like this but nothing happens on "mousemove" so far.</p>
  
  <pre><code>svg.on("mousemove", function() {
    fisheye.center(d3.mouse(this));
  
    circles
      .selectAll("circle")
      .each(function (d) { d.fisheye = fisheye(d); })
      .attr("cx", function (d) { return d.fisheye.pages })
      .attr("cy", function (d) { return d.fisheye.books });
  });
  </code></pre>
  
  <p>Thanks for the help!</p>