如何用实时的JSON数据更新D3.js气泡图？

// 获取实时的JSON数据
function getRealtimeData() {
  // 使用Ajax请求或WebSocket等技术获取数据
  // 返回JSON格式的数据
}

// 创建SVG容器
var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

// 定义比例尺
var xScale = d3.scaleLinear()
  .domain([0, maxXValue])
  .range([padding, width - padding]);

var yScale = d3.scaleLinear()
  .domain([0, maxYValue])
  .range([height - padding, padding]);

// 创建气泡图
function createBubbleChart(data) {
  var bubbles = d3.pack(data)
    .size([width, height])
    .padding(1.5);

  var nodes = d3.hierarchy(data)
    .sum(function(d) { return d.value; });

  var node = svg.selectAll(".node")
    .data(bubbles(nodes).descendants())
    .enter()
    .filter(function(d) { return !d.children; })
    .append("g")
    .attr("class", "node")
    .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });

  node.append("circle")
    .attr("r", function(d) { return d.r; })
    .style("fill", function(d) { return color(d.data.category); });

  node.append("text")
    .attr("dy", ".3em")
    .style("text-anchor", "middle")
    .text(function(d) { return d.data.name; });
}

// 更新数据
function updateBubbleChart(data) {
  var bubbles = d3.pack(data)
    .size([width, height])
    .padding(1.5);

  var nodes = d3.hierarchy(data)
    .sum(function(d) { return d.value; });

  var node = svg.selectAll(".node")
    .data(bubbles(nodes).descendants());

  node.enter()
    .filter(function(d) { return !d.children; })
    .append("g")
    .attr("class", "node")
    .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
    .append("circle")
    .attr("r", function(d) { return d.r; })
    .style("fill", function(d) { return color(d.data.category); });

  node.exit().remove();

  node.transition()
    .duration(1000)
    .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
    .select("circle")
    .attr("r", function(d) { return d.r; })
    .style("fill", function(d) { return color(d.data.category); });
}

// 更新气泡图
function updateBubbleChartWithData() {
  var data = getRealtimeData();
  updateBubbleChart(data);
}

// 定时更新气泡图
setInterval(updateBubbleChartWithData, 5000);