title: how to link two different shapes in d3.js
body: <p>Thank for everyone at first.
  Now I have a case, I want to present the situations of the different services with d3.</p>
  
  <p>the draft effect as the pic
  <a href="https://i.stack.imgur.com/2yrRV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2yrRV.png" alt="enter image description here"></a></p>
  
  <p>I find an example <a href="https://bl.ocks.org/mbostock/4062045" rel="nofollow noreferrer">https://bl.ocks.org/mbostock/4062045</a>
  but it only can create circle and chaos layout.</p>
  
  <p>does anybody give me a guidance that how to implement this page with d3.</p>