Я следил за кодом Майка Бостока из в этом примере, чтобы узнать, как рисовать ориентированные графики в 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 ребрам не рисоваться друг над другом?