Существует ли сегодня надежный способ рисования ориентированных ациклических графов в D3.js? Я пытаюсь визуализировать предварительные условия в учебной программе, подобно этому.
Я видел несколько более старых ответов на похожие вопросы, наиболее перспективным из которых был этот взлом, хотя он не работает надежно с большими и сложными наборами данных.
Это просто редкий случай визуализации, для которой D3 не идеален?
Вы можете попробовать dagre, JS-библиотеку для графиков DAG.
Если вы хотите использовать d3 по какой-либо причине, взгляните на dagre-d3.
Для более высокоуровневого подхода посмотрите этот проект, используя все вышеперечисленные библиотеки.
Если d3 не является обязательным, посмотрите также другие графические библиотеки. ;)
Обновление за сентябрь 2018 г.
Существует новая библиотека под названием d3-dag.
dagre-d3 включает также lo-dash, так что, возможно, это причина размера. dagre сам по себе работает как модуль макета, и вы можете найти способ использовать его с d3 - это лучший иерархический / dag-макет с открытым исходным кодом, ИМХО.
- person MarcoL; 30.10.2014
This project is not being actively developed or maintained. Dagre также собран с d3 v3. Есть ли альтернатива d3 v4 поблизости?
- person Tucker; 13.12.2016
Поздно, но, возможно, актуально для других, ищущих аналогичную информацию...
Elkjs поддерживает макет многоуровневого графа и в настоящее время активно поддерживается.
Некоторые предлагаемые варианты компоновки на основе варианта использования OP...
layoutOptions: {
'org.eclipse.elk.algorithm': 'layered',
'org.eclipse.elk.direction' : 'DOWN',
'org.eclipse.elk.edgeRouting': 'SPLINES',
'org.eclipse.elk.layered.edgeRouting.sloppySplineRouting': false,
'org.eclipse.elk.layered.layering.strategy': 'INTERACTIVE' }
Эти параметры можно вставить в этот интерактивный редактор, чтобы увидеть, как макет подвергается воздействию.
