G6 4.3.0 Глубоководное течение в спокойной воде

визуализация данных
G6 4.3.0 Глубоководное течение в спокойной воде

话不多说,本次发布主要看图。 "Портал официального сайта

⭐️ Новые функции

Макет FA2 — он вернулся!

"DEMO", "DOCS"

Force Atlas 2, который когда-то был в G6 2.0, возвращается! По сравнению с классической силовой компоновкой, Force Atlas 2 имеет более четкую структуру и более расширенные ветви.image.png

Плагин Legend - типы элементов более явные!

"DEMO", "DOCS"

Определите и опишите различные типы узлов/ребер на графе. Взаимодействуя с легендой, можно выделить и отфильтровать основные элементы изображения.

legend.gif

Линии выравнивания — узлы должны быть аккуратными!

"DEMO", "DOCS"

Когда мы хотим выровнять группу узлов по прямой линии, очень сложно перетащить и выровнять уровень пикселей человеческой плоти. В версии G6 4.3.0 мы добавили компонент линии выравнивания, который может помочь нам быстро выровнять узлы.

snap-line.gif

Конвейерная компоновка подграфа — более эффективная компоновка подграфа!

"DEMO", "DOCS», с особой благодарностью участнику сообщества GitHub @ColinChen2

Различные макеты можно быстро настроить для разных разделов диаграммы.

image.png

Узел пончика — сделайте детали узла более интуитивно понятными!

"DEMO", "DOCS"

Статистика в деталях узла с первого взгляда!

image.png

Touch Scroll Canvas — более плавное взаимодействие!

"DOCS"

Используя сенсорную панель, вы также можете прокручивать холст, делая взаимодействие более плавным!

scroll-canvas.gif

🛠 Опыт оптимизации

Скачивайте изображения с водяными знаками - авторские права защищены!

Особая благодарность участнику сообщества GitHub @xiaohu12685.

Вы можете не только настроить водяной знак при рисовании, но и добавить водяной знак при загрузке в виде изображения! Защитите свои творческие авторские права.

image.png

Блок советов Оптимизация - элегантное взаимодействие!

"Фиксированное положение относительно элемента""Нажмите, чтобы отобразить окно подсказки"

Старая версия всплывающей подсказки следует за мышью для перемещения внутри узла (слева), новая версия поддерживает фиксированное положение относительно узла/ребра (справа):

tooltip-unfixpos.gif

Старая версия окна подсказки может реагировать только на перемещение мыши в элемент и из него (слева), новая версия поддерживает настройку ответного действия для щелчка по элементу (справа):

tooltip-mouseenter.gif

Node поддерживает значки с иконками — снижение затрат!

Некоторые встроенные узлы в более старых версиях могут поддерживать только ссылки base64 или изображения в качестве значков узлов. Теперь они поддерживают иконный шрифт! Очень удобно не запрашивать ресурсы сетевого образа.

Более удобные API - меньше кода!

  • getViewPortCenterPoint используется для получения значения координаты холста средней точки окна просмотра;
  • getGraphCenterPoint используется для получения значения координат холста точки в содержимом графика.

📱Мобильный G6Mobile

Мобильный движок визуализации графов, поддерживающий апплет и h5.

характеристика

Поддержка апплета Alipay и апплета WeChat

"Демо-портал Alipay""Демонстрационный портал WeChat"

пройти через[支付宝小程序组件](https://github.com/openwayne/g6-component-alipay)или[微信小程序组件](https://github.com/openwayne/g6-component-wx), в апплете вы можете использовать его только с простыми изменениями. Для рендеринга в апплете предпочтительнее собственный холст.По сравнению с веб-холстом, встроенным в апплет, производительность будет в определенной степени улучшена.​

  • Демонстрация апплета Alipay

SVID_20210411_154706_1.gif

  • Демонстрация мини-программы Wechat Wechat

SVID_20210411_154210_1.gif

🎁 Розыгрыш демо-версии

Бесконечная прокрутка содержимого узла

"портал"

С помощью пользовательских узлов G6 можно реализовать множество сложных узлов, таких как бесконечная прокрутка, загрузка большего количества списков и т. д., а точки привязки могут быть установлены отдельно для каждого подэлемента в узле Такие узлы часто используются при моделировании диаграмм ER.

node-scroll.gif

Диаграмма Санки

"портал"

Демо Sankey Diagram возвращается! Руководитель анализа трафика.

image.png

Редактируемая карта разума

"портал"

Интеллект-карты помогут вам быстро зафиксировать каждую искру вдохновения!

mindmap.gif

Объединить однотипные узлы одного типа

"портал"

Древовидная карта слишком длинная? Объединение похожих предметов!

slibing-combine.gif

Создание ребер из опорных точек

"портал"

create-edge-linkpoint.gif

Демонстрация алгоритма скоро появится

gaddi.gif

image.png

image.png

predict.gif

Спасибо

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

image.png