d3 geojson 世界地图

你可以使用 D3.js 来绘制世界地图，并使用 GeoJSON 数据源。首先，你需要准备一个包含地理信息的 GeoJSON 文件，该文件包含了世界各个国家的边界和属性数据。你可以在网上找到一些免费的 GeoJSON 数据源，如 Natural Earth (https://www.naturalearthdata.com/)。

然后，你可以使用 D3.js 的地理投影功能来将地理坐标转换为屏幕坐标，并绘制地图。下面是一个简单的示例代码：

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

// 创建地理投影
var projection = d3.geoMercator()
  .scale(scale)
  .translate([width / 2, height / 2]);

// 创建路径生成器
var path = d3.geoPath()
  .projection(projection);

// 加载 GeoJSON 数据
d3.json("world.geojson").then(function(data) {
  // 绘制地图路径
  svg.selectAll("path")
    .data(data.features)
    .enter()
    .append("path")
    .attr("d", path);
});

在上面的代码中，你需要将 `width` 和 `height` 替换为你想要的 SVG 容器的宽度和高度，`scale` 替换为你想要的地图缩放比例。然后使用 `d3.json` 函数加载 GeoJSON 数据，并通过 `path` 生成器绘制地图路径。

这只是一个简单的示例，你可以根据自己的需求对地图进行样式和交互的定制。希望对你有帮助！