d3气泡图 - 渲染实时数据

Question

我正在使用d3气泡图。

http://bl.ocks.org/phuonghuynh/raw/54a2f97950feadb45b07/

在此插件中，当我添加更多数据时，例如20个数据：

data: {
  items: [
    {text: "Java", count: "236"},
    {text: ".Net", count: "382"},
    {text: "Php", count: "170"},
    {text: "Ruby", count: "123"},
    {text: "D", count: "12"},
    {text: "Python", count: "170"},
    {text: "C/C++", count: "32"},
    {text: "Pascfdddddal", count: "10"},
    {text: "excel", count: "30"},
    {text: "excel1", count: "30"},
    {text: "excel2", count: "30"},
    {text: "Something", count: "170"},
  ],
  eval: function (item) {return item.count;},
  classed: function (item) {return item.text.split(" ").join("");}
}

没有错误就行不通。页面加载很长时间。

我有两个问题：

1. 超过15个数据无效。
2. 当我点击任何气泡需要使用Ajax加载新数据时。可能吗？

我在Jsfiddle中添加了我的代码。 http://jsfiddle.net/uXn2p/143/