来自D3js的Hexbin

时间:2014-02-25 18:33:05

标签: javascript d3.js

我们正在尝试使用D3中的Hexbin(预览图像作为蜂窝,现在正在D3js.org上作为主页运行)但是我们不理解代码如何将URL与json文件中的每个节点相关联(在其他的话,代码如何将右图像的URL作为预览)。

非常感谢! 来自智利的最好问候

我们在这里有最新错误的图片: http://www.zolutiva.cl/d3/hexbin_error.png 我们在做什么就在这里:http://www.zolutiva.cl/d3/

再次感谢!

1 个答案:

答案 0 :(得分:0)

这是主要图片:http://d3js.org/ex.jpg?3f2d00ffdba6ced9c50f02ed42f12f6156368bd2

以下是json的第一行:

var data = [
{title: "Reingold–Tilford Tree (Radial)", url: "http://bl.ocks.org/mbostock/4063550"},
{title: "Factorisation Diagrams", url: "http://www.jasondavies.com/factorisation-diagrams/"},
{title: "Phylogenetic Tree of Life", url: "http://www.jasondavies.com/tree-of-life/"},
{title: "Geographic Clipping", url: "http://www.jasondavies.com/maps/clip/"},
{title: "Les Misérables Co-occurrence Matrix", url: "http://bost.ocks.org/mike/miserables/"},
{title: "L*a*b* and HCL color spaces", url: "http://bl.ocks.org/mbostock/3014589"},

请注意,它们的顺序相同(http://bl.ocks.org/mbostock/4063550对应第一个图像,http://www.jasondavies.com/factorisation-diagrams对应第二个图像...)然后它们随机显示。