Рисование нескольких ребер между двумя узлами с помощью d3

Я следил за кодом Майка Бостока из этого примера , чтобы научиться рисовать ориентированные графы в d3, и мне было интересно, как мне структурировать код, чтобы я мог добавлять несколько ребер между двумя узлами в графе. Например, если набор данных в приведенном выше примере был определен как

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"}];

а затем запустить код, все, что я вижу, это одна строка. Все пути правильно отображаются в html-коде, однако все они имеют одинаковые координаты и ориентацию, из-за чего визуальный элемент выглядит как 1 строка. Какую реструктуризацию кода необходимо выполнить в этом примере, чтобы 3 ребра не отображались друг над другом?