在javascript中搜索（D3）

我想创建一个简单的搜索框，在其中使用数据集中的特定列进行搜索

使用D3和CSV数据集，我能够读取行，但如何在特定列上进行搜索（例如：此处的ID）

代码：

d3.csv("search.csv", function(d) {
  return {
    ID: d.ID, 
    history: d.History,
    objective: d.Objective,
    learning : d.Learning 
  };
}, function(error, rows) {
  console.log(rows);
});

我需要了解如何创建一个搜索功能，其中，我们可以搜索和自动建议出来。我看了各种各样的例子，但不知道如何在D3CSV过滤器中实现这一点

查看的示例 （；
) )

任何方向/方法都将受到高度赞赏

一个简单的方法应该是足够的“搜索”方法：

  var filterText = "some text to search";

  var filteredData = data.filter(function(d){
    return (d.ID.indexOf(filterText) === 0); // does it start with the string?
  });

下面是一个小的工作示例：

var数据=[]；
对于（变量i=0；i<100；i++）{
数据推送({
ID:（Math.random（）*10+''。替换（“.”，“”）
});
}
onFilter（）；
d3.选择（'filterOn'）。打开（'keyup'，onFilter）；
函数onFilter（）{
var filterText=d3.select（'#filterOn'）.property（'value'）；
filteredData=数据；
如果（filterText！==“”）{
var filteredData=data.filter（函数（d）{
返回（d.ID.indexOf（filterText）==0）；
});
}
d3.选择（'#filteredList'）.html(
filteredData.map（函数（d）{
返回d.ID；
}).join（“
”）
);
}

对于以下内容，简单的“搜索”方法应该足够：

  var filterText = "some text to search";

  var filteredData = data.filter(function(d){
    return (d.ID.indexOf(filterText) === 0); // does it start with the string?
  });

下面是一个小的工作示例：

var数据=[]；
对于（变量i=0；i<100；i++）{
数据推送({
ID:（Math.random（）*10+''。替换（“.”，“”）
});
}
onFilter（）；
d3.选择（'filterOn'）。打开（'keyup'，onFilter）；
函数onFilter（）{
var filterText=d3.select（'#filterOn'）.property（'value'）；
filteredData=数据；
如果（filterText！==“”）{
var filteredData=data.filter（函数（d）{
返回（d.ID.indexOf（filterText）==0）；
});
}
d3.选择（'#filteredList'）.html(
filteredData.map（函数（d）{
返回d.ID；
}).join（“
”）
);
}