Как имитировать этот эффект

Question

Я нашел точное соответствие для того, что я ищу, это своего рода пользовательский интерфейс отношений, см.

http://www.corporationwiki.com/Ohio/Powell/nutrition-forum-sports-llc/50101823.aspx

Как мне подражать, мне нужно кодировать php-приложение, которое извлекает отношения из базы данных и отображает их, как показано выше, так что у меня есть 1 (или много) центральных узлов, а несколько других вокруг него указывают и связаны с этим узлом,отображается так, как показано выше.

С наилучшими пожеланиями

PS: мне нужно будет добавлять и удалять узлы "на лету" в режиме реального времени, как при вызовах jquery и ajax / json.

Я вижу, что за меня проголосовали, извините, если это не место, чтобы спросить это, я с удовольствием отзову свой вопрос.Не могли бы вы, пожалуйста, указать мне место, где можно запрашивать такую ​​информацию, вместо того, чтобы голосовать за мой первый вопрос, когда-либо здесь?

Answer 1

Neo4J (Graph Database) реализован на Java и должен поддерживать то, что вы показываете на картинке. У меня не было возможности использовать его для чего-либо, но он выглядит мощным, простым и с открытым исходным кодом (с хорошей документацией). Кроме того, попробуйте выполнить поиск Карт отношений, и вы можете найти то, что ищете.

Answer 2

Вот некоторые предложения, хотя более конкретные комментарии все еще применяются.

• Начните с простого контрольного примера с одним центральным узлом и несколькими дочерними узлами. Если что-то работает в простом случае, переходите на следующий уровень сложности и т. Д.

• Что бы вы ни пытались, ожидайте, что эстетика / четкость вашего графика рухнет, когда вы достигнете определенного уровня сложности - узлы будут перекрываться, появляться не там, где вы хотите, и т. Д., Поэтому не ждите слишком много.

• Ищите библиотеку, которая бы помогла. Во флэш-памяти несколько схем размещения графиков должны были быть реализованы ранее. В Javascript тоже есть библиотеки панелей для рисования, или вы можете использовать библиотеку для SVG или ... Ищите что-то подходящее. Как сказано выше, PHP, вероятно, не тот.

Answer 3

Я рекомендую GraphViz для рисования статических блоков и соединения их линиями со стрелками.У него очень простой скрипт (самый короткий из них: « start -> stop », не требует пояснений).

Несколько лет назад я сделал визуализатор дерева файлов XML на PHP: .
Как показано на рисунке, есть некоторая HTML-табличная функция для рисования узла.См. GraphViz Галерея для более интересных примеров.

Обновление : как я уже говорил, это только для статики, но вы можете очень быстро создать приложение, которое отображает материал,Я использовал свой визуализатор XML для создания чертежей для документации.