如何使用D3js操纵CSV文件中的加载数据

Question

您好我正在加载CSV文件，如下所示

d3.csv("filename.csv", function(error, data) {
        data.forEach(function(d) {
            d.percentage = d["market share"];
        });

该文件看起来像这样

"Things","market share"
"thing1",50
"thing2",30
"thing3",10
"thing4",3.5
"thing5",2.7
"thing6",2.5
"thing7",0.6
"thing8",0.4
"Others",0.3

我正在创建像这样的矩形

.attr("width", function(d) { return d.percentage * 10})

如果我这样做，结果将是9个矩形（文件中每个百分比一个）

我想要做的是将所有低于5的值添加到＆＃34;其他＆＃34;然后创建矩形。所以结果将是4个矩形。随着＆＃34; thing1＆＃34; 50岁，＆＃34;东西2＆＃34; 30岁，＆＃34;事物3＆＃34; 10岁以上＆＃34;其他＆＃34; 10岁。

我该怎么做？

Answer 1

从一个json列表开始并且有一些有用的东西将是一个很好的第一步。然后，您可以加载csv文件作为第二步。