D3.js d3js散点图自定义图标和动画

我刚从d3js开始，我想知道是否有可能为数据点创建一个带有自定义图标的散点图，类似于此方法

我不想使用d3.svg.symbol（），因为我想使用带有公司徽标的自定义图标来标记每个数据点

---

我的最终目标是根据x值沿水平轴平移点（带有自定义图标）。关于如何使用d3js实现这一点，我到处都在搜索，但没有找到运气。

要使用图标而不是符号，只需将路径元素（调用符号生成器）与图像元素交换即可

给定一个数据集，

D

，其元素类似于

{src:http.myImageURL，x:10，y:20}

，它看起来像这样：

var svg = d3.select('body').append('svg');

svg.append('g').selectAll('.myPoint')
  .data(D)
  .enter()
  .append('image')
  .attr("xlink:href", function(d){ return d.src })
  .attr("x", function(d){ return d.x })
  .attr("y", function(d){ return d.y })
  .attr("width", 16)
  .attr("height", 16);

---

这似乎没有问题。你想得到什么帮助？@ckersch，现在已经修改过了，应该更有意义了。