Визуализируйте двудольный граф

Вы можете аппроксимировать визуализацию двудольного графа в NodeXL и даже улучшить ее, удалив пересечения ребер. Я взял ваш образец двудольного графа и на изображении ниже раскрасил узлы рядом с ними (u или v). Они расположены с использованием алгоритма Сугиямы, который сводит к минимуму пересечение краев. Я сделал это в интерактивном шаблоне NodeXL для Excel 2007–2013, но все эти функции должны быть доступны в виде автономных библиотек классов NodeXL C# и WPF. Текущие библиотеки на момент публикации доступны для загрузки здесь.

Я также попробовал макет NodeXL «группа в коробке», чтобы разделить группы и отобразить их по отдельности в сетке, с незначительными результатами.

Отказ от ответственности: я являюсь консультантом проекта NodeXL.

На самом деле, если бы вы могли использовать jquery на стороне клиента, я бы настоятельно рекомендовал jqPlumbs. .org/jquery/demo.html

Хорошо, как хочешь,

Вот пример/библиотека, которая позволяет легко создавать графики и блок-схемы,

http://www.codeproject.com/Articles/182683/NetworkView-A-WPF-custom-control-for-visualizing-a

У него действительно очень хорошие характеристики.

1. yFiles WPF — это обширная библиотека классов .NET для приложений Windows Presentation Foundation (WPF). Его первоклассные элементы управления пользовательским интерфейсом для просмотра и редактирования диаграмм позволяют автоматически упорядочивать сложные графики, диаграммы и сети одним нажатием кнопки. Наша библиотека диаграмм, созданная для приложений на основе Windows Forms, называется yFiles.NET.

2. Graph# — это фреймворк компоновки графа. Он содержит некоторые алгоритмы компоновки и элемент управления GraphLayout для приложений WPF.

3. Использование WPF для визуализации графика с Циклические зависимости

Если вы можете сделать это в Windows Forms, вы можете использовать NShape. Поскольку исходный код доступен, вы, вероятно, могли бы перенести его в WPF, если вам это нужно. Это может быть лучше, чем писать его с нуля. Или, возможно, вы могли бы разместить элемент управления WinForms, чтобы получить необходимую вам функциональность. Однако не так хорошо, как чистое решение WPF.

D3.js — это библиотека JavaScript для управления документами на основе данных. D3 поможет вам оживить данные с помощью HTML, SVG и CSS. Акцент D3 на веб-стандарты дает вам все возможности современных браузеров, не привязывая себя к проприетарной среде, сочетая мощные компоненты визуализации и подход, основанный на данных, для манипулирования DOM.

D3 позволяет привязывать произвольные данные к объектной модели документа (DOM), а затем применять к документу преобразования, управляемые данными. Например, вы можете использовать D3 для создания таблицы HTML из массива чисел. Или используйте те же данные для создания интерактивной гистограммы SVG с плавными переходами и взаимодействием.

D3 не является монолитной структурой, которая стремится предоставить все мыслимые функции. Вместо этого D3 решает суть проблемы: эффективное управление документами на основе данных. Это позволяет избежать проприетарного представления и обеспечивает исключительную гибкость, раскрывая все возможности веб-стандартов, таких как CSS3, HTML5 и SVG. С минимальными накладными расходами D3 работает чрезвычайно быстро, поддерживает большие наборы данных и динамическое поведение для взаимодействия и анимации. Функциональный стиль D3 позволяет повторно использовать код с помощью разнообразного набора компонентов и плагинов.

http://d3js.org/

http://mbostock.github.com/d3/talk/20111116/force-collapsible.html