Как концептуализировать и создавать визуализации с множеством точек, связанных между собой кривыми Безье?

Может ли кто-нибудь раскрыть процесс проектирования визуализаций социальных сетей, таких как http://inmaps.linkedinlabs.com , и как генерируются эти взаимосвязанные Безье?

введите описание изображения здесь

Я чувствую, что это немного широкий вопрос. Вы спрашиваете, как реализовать весь проект от концепции, дизайна до разработки программного обеспечения. И, конечно, нет одного ответа на ваш вопрос. Посмотрите на это с этой точки зрения: если бы я спросил вас «что вы пробовали?», что бы вы могли ответить?
Вам нужны данные и некоторые подсказки по сетевым графикам, тогда вы можете написать непосредственно SVG (следуя руководству ) или просто вы можете использовать Graphviz , который очень прост в использовании и также может генерировать SVG. Это зависит от ваших намерений и ваших навыков.
Я добавил часть пользовательского интерфейса к вопросу, спасибо за указание. Буду конкретен в будущем.

Ответы (1)

Поэтому такие сетевые графы часто называют диаграммами узловых связей . Эта статья может быть хорошей отправной точкой: Ссылки, которые нас связывают: сетевые визуализации .

За исключением очень маленьких наборов данных, я бы использовал библиотеку кода или инструмент, который генерирует такие сети. D3 — это библиотека javascript, предназначенная для создания подобных сложных визуализаций. Алгоритмы «управления силой» популярны для красивого распределения объектов — вот пример с кривыми Безье .

введите описание изображения здесь

Есть также программы для настольных компьютеров, которые генерируют их без кода и часто позволяют перетаскивать узлы и ссылки. Maltego Casefile — один из бесплатных примеров. Они, как правило, более полезны для помощи в исследованиях и для грубых « набросков данных », чем для окончательных проектов, но они могут быть удобным инструментом.

Некоторые из них могут подключаться к социальным сетям или напрямую анализировать файлы электронной почты: в противном случае вам нужно будет найти соответствующий API и немного написать код.

Я новичок здесь, я бы хотел, чтобы у меня были кредиты, чтобы проголосовать, подойдет. Спасибо за ответ, это то, что я спросил. Буду исследовать дальше.