title: Connecting elements in a list javascript
body: <p>How would I connect 2 elements in a list with a curved line.</p>
  
  <p>Here's an example using the SO sidebar:</p>
  
  <p><a href="https://i.stack.imgur.com/lzdyS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lzdyS.png" alt="enter image description here"></a></p>
  
  <p>I'm looking for an answer that's curved so that they don't look the same when going through each other, but they don't need to deliberately avoid each other. I think a good way to do it would be to calculate the curve based on the length of the line.</p>
  
  <p>I think this should be pretty simple to do without using a library. Almost all the answers in the <a href="https://stackoverflow.com/questions/6278152/drawing-a-connecting-line-between-two-elements">combined question</a> involved some 600kbs of externals.</p>
  
  <p>For example I like this answer: <a href="https://stackoverflow.com/a/35493737/663447">https://stackoverflow.com/a/35493737/663447</a> but I'm looking for a curved rather than a straight line.</p>