2013-07-25 6 views
5

Я не знаю, что это название этого типа визуализации, но я хочу, чтобы узнать, как рисовать деревья, как те, в этом образе:Создание визуализации дерева в Java

enter image description here

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

+0

Вы хотите исследовать алгоритмы построения графа; есть миллион. Или вы можете просто использовать Обработку, которая уже включает многие. –

+0

Вы хотите нарисовать это как изображение или хотите сделать его с помощью HTML? –

ответ

5

Этот график очень похож на force-directed layout. Покраска таких изображений - непростая задача, в зависимости от того, что вы пытаетесь выполнить, вы можете использовать существующую фреймворк. Если вы хотите использовать java, вы должны увидеть в gephi, если вы можете использовать html-подход, вам обязательно нужно взглянуть на d3.js, который является библиотекой javascript для визуализации данных. У них есть опрятные примеры: directed-force layout, и collapsible-force layout.

+0

Отличный помощник, +1! – linski

+0

это не только макет, это сами деревья. Как нарисовать их? их имена .... –

+0

@guckogucko Я не уверен, что следую вашему вопросу, дерево - только частный случай ориентированного графа. Способ выполнения чертежа зависит от используемого алгоритма. Имитация Отжиг может дать хорошие результаты. – amaurs

4

Это изображение сделано Stephanie Posavec. Вы можете узнать о ее процессе дизайна из интервью, которое она дала людям в Data Stories podcast. Насколько я помню, она частично обрабатывает свои визуализации вручную, поэтому я не уверен, если вы когда-нибудь найдете алгоритм, который сделает именно это для вас. Для разных алгоритмов компоновки дерева вы можете обратиться к treevis.net.

Смежные вопросы