避免在地理投影中重叠圆圈(D3.js)

时间:2017-06-22 19:36:24

标签: javascript d3.js data-visualization

我正在尝试使用d3.js中的地理投影地图创建数据可视化

var projection = d3.geoEquirectangular()
var path = d3.geoPath().projection(projection);

我们的想法是使用圆圈来表示有关国家/地区的一些信息。可以是地区,人口,宗教等。

但问题是我不知道如何避免重叠这些圈子

以下是我正在使用的代码https://jsfiddle.net/Lxf9b6j9/

圆半径是国家的面积。要将km²转换为radius,请使用Math.sqrt(r.area / Math.PI)/ 50

我尝试使用d3.js示例中的碰撞检测和Clustered Force Layout,但我没有成功。他们使用的碰撞功能不适用于我的代码。

拜托,帮助我!

0 个答案:

没有答案