将csv数据绑定到geojson路径 - 等值线

时间:2013-08-27 13:17:17

标签: csv d3.js topojson

我正在尝试将一些数据绑定到topojson地图。 到目前为止,我已经能够绘制美国的地图,每条路径都用id:state name标记。 我现在要做的是将我在外部csv上的数据绑定到地图上,以根据csv(aka cloropleth)中的值显示每种状态的色调。 我一直在寻找指南,但我还没有了解Mike Bostock网站上的知识,所以我尝试用这样的函数绑定颜色:

.attr("fill", "rgb(0, 0, " + Math.round(d.value * 255 / d3.max(d, function (d) {return d.value; })) + ")")

但它不起作用。 该页面位于:http://www.dropbox.com/s/w2pe4omn895vt83/usa_malattie.html

使用csv加载注释掉最后一部分,给出显示工具提示的地图,加载csv数据时也会消失。 任何有关如何解决此问题的帮助都将非常感谢,提前感谢!

编辑:csv看起来像这样:

id,value
"Kentucky",207.4
"Mississippi",200.5
"West Virginia",196.6
"Louisiana",196.4
像这样的topojson:

{"type":"Topology","transform":{"scale":
0.011125945304891298,0.005248969801868182],
"translate":[-178.21759836236586,18.92178634508703]},
"objects":{"usa":{"type":"GeometryCollection",
"geometries":[{"type":"MultiPolygon","id":"Hawaii",
"arcs":[[[0]],[[1]],[[2]],[[3]],[[4]],[[5]],[[6]]],
"properties":{"STATE_NAME":"Hawaii"}},
csv的

链接:http://dl.dropboxusercontent.com/u/37967455/usa_malattie/death_parse.csv topojson的链接:http://dl.dropboxusercontent.com/u/37967455/usa_malattie/usatopo.json

1 个答案:

答案 0 :(得分:1)

您可以尝试以下命令:

topojson -o final.json -e death_parse.csv --id-property=id -p STATE_NAME,color=+value -- usatopo.json