World population - Dorling diagram

Not a real Dorling diagram, I know, but similar. Each bubble tries to stay centered in its country's centroid, like in this example, but also avoid collisions with other bubbles. Similar to the previous example, but providing more geographical information.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>World population - Dorling diagram</title>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://d3js.org/d3-selection-multi.v0.4.min.js"></script>
  <script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
  <script src="//d3js.org/topojson.v2.min.js"></script>
  <script src="https://unpkg.com/d3-force-attract@latest"></script>
  
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <script src="index.js"></script>
</body>
</html>
    

https://d3js.org/d3.v4.min.js

https://d3js.org/d3-selection-multi.v0.4.min.js

https://d3js.org/d3-geo-projection.v2.min.js

https://d3js.org/topojson.v2.min.js

https://unpkg.com/d3-force-attract@latest