Как нарисовать график с автоматическим макетом, многие ко многим с линиями, не пересекающими поля, используя d3?

Я бы хотел сделать что-то вроде этого: http://www.graphdracula.net/showcase/ http: // live .yworks.com / yfiles-for-html / 1.1 / demos / DataBinding / demo.yfiles.binding.interactivegraphsource / index.html.

Думаю, это лучшее описание того, что мне нужно (что-то вроде дерева, но с несколькими родителями): введите описание изображения здесь

12
El Kopyto 2 Апр 2014 в 20:24

3 ответа

Лучший ответ

Dagre-d3 - лучшее решение, которое я нашел:

https://github.com/cpettitt/dagre-d3

7
El Kopyto 3 Апр 2014 в 07:22

Для всех, кто сталкивается с этим, вот еще одно возможное решение: (см. Пример «Направленный график с направленными вниз краями»)

http://marvl.infotech.monash.edu/webcola/

Его также можно подключить к d3.js и использовать вместо силового макета.

4
patorjk 15 Авг 2014 в 01:58

Чтобы свести к минимуму пересечения линий, вам, вероятно, понадобится многоуровневая компоновка орграфа. Просто погуглите эту фразу.

2
Fuzzy 26 Апр 2014 в 14:21