在D3 js中从excel文件导入数据

<script src="https://d3js.org/d3.v7.min.js"></script>

<div id="chart"></div>

d3.csv("data.csv").then(function(data) {
  // 数据导入成功后的处理逻辑
  // 在这里可以对导入的数据进行处理和可视化
  console.log(data); // 打印导入的数据到控制台
});

d3.csv("data.csv").then(function(data) {
  // 数据导入成功后的处理逻辑
  // 在这里可以对导入的数据进行处理和可视化
  console.log(data); // 打印导入的数据到控制台
  
  // 创建线性比例尺
  var xScale = d3.scaleLinear()
    .domain([0, d3.max(data, function(d) { return +d.x; })])
    .range([0, 500]);
    
  var yScale = d3.scaleLinear()
    .domain([0, d3.max(data, function(d) { return +d.y; })])
    .range([500, 0]);
    
  // 创建SVG元素
  var svg = d3.select("#chart")
    .append("svg")
    .attr("width", 500)
    .attr("height", 500);
    
  // 创建数据点
  svg.selectAll("circle")
    .data(data)
    .enter()
    .append("circle")
    .attr("cx", function(d) { return xScale(+d.x); })
    .attr("cy", function(d) { return yScale(+d.y); })
    .attr("r", 5)
    .attr("fill", "steelblue");
});