将promise数据读入构造函数的D3

// 创建一个Promise对象，用于异步加载数据
const loadData = new Promise((resolve, reject) => {
  // 使用fetch()函数从服务器获取数据
  fetch('data.json')
    .then(response => response.json())
    .then(data => resolve(data))
    .catch(error => reject(error));
});

// 在Promise对象的回调函数中，将获取到的数据传递给D3的构造函数
loadData.then(data => {
  // 使用D3的构造函数创建数据可视化图表
  const svg = d3.select('body')
    .append('svg')
    .attr('width', 500)
    .attr('height', 500);

  // 在D3的构造函数中使用传入的数据进行相应的数据处理和可视化操作
  svg.selectAll('circle')
    .data(data)
    .enter()
    .append('circle')
    .attr('cx', d => d.x)
    .attr('cy', d => d.y)
    .attr('r', d => d.radius)
    .attr('fill', d => d.color);
}).catch(error => {
  console.error('Failed to load data:', error);
});