将 csv 数据绑定到 topojson 路径 - choropleth答案

【问题标题】：Bounding csv data to topojson path - cloropleth将 csv 数据绑定到 topojson 路径 - choropleth
【发布时间】：2013-08-27 13:17:16
【问题描述】：

我正在尝试将一些数据绑定到 topojson 地图。到目前为止，我已经能够绘制美国地图，每条路径都标有 id: state name。我现在想做的是将外部 csv 上的数据绑定到地图，以根据 csv 中的值（又名 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

【问题讨论】：

您能发布一些您的 topojson 和 csv 文件的简化版本吗？
好的，我现在就编辑第一篇文章
另见：How to add properties to topojson file?
是的，Alex Filipovici 已经提出了这个解决方案！我想做的有点不同，但看起来合并是最好的

标签： csv d3.js topojson

【解决方案1】：

您可以尝试以下命令：

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

【讨论】：

是的，我想过将文件合并到一个 topojson 中，但我想学习如何加载 csv，因此可以拥有相同的地图并在需要时加载不同的 csv