d3 / cola: конфигурация макета для UML-подобной диаграммы

Question

Я пытаюсь создать визуализатор схемы graphql, используя что-то отличное от viz.js (библиотека слишком велика и добавляет в пакет 1 МБ).Мне порекомендовали webcola, и, похоже, это очень мощная библиотека.

Я дошел до того, что необходимые элементы отображаются и корректно связываются.Мой следующий шаг - правильно настроить макетЯ хотел бы сделать что-то похожее на graphql-voyager (использует viz.js).

Вот коды и коробка того, что у меня пока есть:

graphql-схема

РЕДАКТИРОВАТЬ: Мой вопрос, как я мог бы выложить то, чтоУ меня есть аналогично graphql-voyager?Я хотел бы помочь установить правильные ограничения и применить какой-либо алгоритм, необходимый для позиционирования узлов и соответствующей маршрутизации ребер.

Answer 1

Автор GraphQL Voyager здесь:)

До перехода на viz.js мы испробовали множество других возможных решений почти месяц.Вот статья о нашем путешествии: https://medium.freecodecamp.org/how-we-got-1-500-github-stars-by-mixing-time-tested-technology-with-a-fresh-ui-b310551cba22

TL; DR;Рисование графиков - наука о ракетах

Более того, со времени выпуска Voyager (2 года назад) мы оценили еще больше библиотек с точно таким же результатом.

В качестве побочного проекта мы работаем надВилка Graphviz агрессивно сжалась, чтобы соответствовать требованиям Voyager.Наша конечная цель - переписать необходимые детали на чистом JS и вставить их непосредственно в Voyager.Банкомат находится на ранней стадии PoC, и мы еще не готовы выпустить его.