Javascript JSON中出现次数的条形图

我有一份政客的JSON，一份包含他们姓名和政党的名单

很简单，我想做的是做一个条形图，条形图的大小取决于来自不同政党的政治家的数量

关键点如下所示：

{
    "party": "National Liberal Party – True Liberalism",
    "region": "london",
    "name": "Bernard Dube",
    "twitter": ""
  },
  {
    "party": "Alliance Party of Northern Ireland",
    "region": "northern-ireland",
    "name": "Anna Lo",
    "twitter": "Anna4Europe"
  },

不幸的是，这并不像以下那样简单：

{
"National Liberal Party": "330", 
"Alliance Party of Northern Ireland": "200"
}

用d3怎么做？谢谢大家!

生成所需的数据：

var d = {};
records.forEach(function(i)  {
  if(d[i.party] == null) {
    d[i.party] = 0;
  }
  d[i.parts] += 1;
});

---

非常感谢。它返回我想要的对象。然后，如果我想画这个图，我想那部分是错的：``d3.selectAll（“div.line”）.append（“div”）.attr（“class”，“bar”）.style（“width”，function（d）{return d+“px”}）``尝试在jsbin.com上构建一个示例！至少我认为你错过了进入和退出。另外，选择div.line，然后创建div.bar也不太符合逻辑。是的，这样会更容易。我想你还没有理解d3的基本概念。看看这个工作示例：我仍然会被最简单的东西弄糊涂。谢谢你的帮助。