title: Drawing multiple edges between two nodes with d3
body: <p>I've been following Mike Bostock's code from <a href="http://bl.ocks.org/1153292" rel="noreferrer">this example</a> to learn how to draw directed graphs in d3 and was wondering how I would structure the code so that I could add multiple edges between two nodes in the graph. For example, if the dataset in the example above were defined as</p>
  
  <pre><code>var links = [{source: "Microsoft", target: "Amazon", type: "licensing"},
               {source: "Microsoft", target: "Amazon", type: "suit"},
               {source: "Samsung", target: "Apple", type: "suit"},
               {source: "Microsoft", target: "Amazon", type: "resolved"}];
  </code></pre>
  
  <p>and then run through the code, all I see is one line. All the paths are being drawn correctly in the html code, however they all have the same coordinates and orientation which causes the visual to look like 1 line. What kind of code restructuring would need to be done in this example to allow for the 3 edges to not be drawn on top of each other?</p>