如何使用d3过滤器和更新功能在数据选择之间切换

Question

我正试图通过根据房产地址是以“街道”，“道路”，“道路”等结束的方式创建房价条形图来掌握d3。

但是，我还希望根据当地社区的一列数据来改变数据视图。

这是关于此主题的第二个查询。这是上一个查询 - How to extract nominal labels for d3 chart

您可以在此处查看通过Pandas的to_json函数提取的数据结构：http://plnkr.co/edit/He3yPUfuE8k7hvIkupjS?p=preview

我使用了嵌套函数来键入局部区域的数据，但无法确定如何插入d3.filter方法将数据限制在选定区域。

我有一个功能，可以根据键创建一个选择按钮：

var options = dropDown.selectAll("option")
           .data(nested_data)

         .enter()
           .append("option");


          options.text(function (d) { return d.key; })
                                    .attr("value", function (d) { return d.key; });

但是我无法解决的是如何将此选择中的值插入d3脚本的绘图部分。

d3.select("svg")
            .selectAll("circle")
            .data(nested_data)
            .enter()
            .append("circle")


          d3.selectAll("circle")            
            .attr("cx", function(d) {
                console.log(d["street_name"]);
                return street_scale(d["street_name"]);
            })
            .attr("cy", function(d) {
                return price_scale(d["value"]);
            })
            .attr("r", 5)
            .attr("fill", "steelblue");

虽然我知道我需要更新功能，以便在用户选择之间继续更改图表，但我找不到一个可以适应的示例。

提前感谢您的耐心等待 - 我是d3和Javascript noob的新手。