Автор pomelo.lcw Технологическая группа Ant Financial Data Experience
00. Предисловие
Сегодня мы представляем анализ графов и визуализацию графов, возможности и проблемы. Во фронтенде визуализация — это область, которая мало кого волнует, плюсGraphЕще меньше людей могут понять концепцию графов. Сегодня мы начнем с технологической кривой Gartner, встанем на вершину отрасли, представимGraph AnalysisЭта новая технология, а затем мы уделяем особое внимание концепции графа, концепции анализа графа, концепции визуализации графа, с точки зрения бизнеса, думаем о дизайне продукта и пользовательском опыте анализа графа и, наконец, раздеваем кокон, пытаясь описать Дорожная карта технологий для всех. Наконец, позвольте мне добавить небольшую статью, чтобы представить механизм визуализации графов G6, запущенный командой AntV, и компонент анализа графов Graphin, исходный код которого будет открыт 22 ноября этого года. Во введении мы ясно видим, что в области анализа графов и визуализации графов возможности и проблемы сосуществуют.
01. Кривая Gartner: зрелость новых технологий, 2019 г.
Опубликовано Gartner 6 августа 2019 г.2019 г. Зрелость новых технологий, в отчете каждая технология разделена на триггерный период инноваций (Innovation Trigger), пик завышенных ожиданий (Peak of Inflated Expectations) и период охлаждения (Trough of Disillusionation, Slope of Enlightenment и Plateau of Productivity, всесторонне оцените статус применения и перспективы развития различных технологий, а также прогнозировать, когда они достигнут зрелого и стабильного состояния. Кривая Gartner привлекла большое внимание рынка после того, как она публикуется каждый год, и стала флюгером для принятия важных инвестиционных решений в отрасли.
На этом рисунке мы видим, что две технологии содержатGraphэта фраза. соответственноKnowledge Graphа такжеGraph AnlyticsНет сомнений в том, что граф знаний является наиболее популярным приложением на современном предприятии, потому что он находится на стыке периода запуска инноваций и периода расширения ожиданий.
а такжеGraph AnlyticsЭто главный герой сегодняшней статьи, которая находится в期望膨胀期а также理想破灭的冷静期узел. Вот откуда взялось наше название «Вызовы и возможности». Возможность кроется во внимании общественности и капитала на раннем этапе, а также в серии дел, которые, похоже, вскоре увенчаются успехом. Ожидания общественности в отношении этой технологической инновации достигли пика. В то же время проблема лежит в отрасли. Неудачные дела, общественный интерес ослабевает, разработчики и предприниматели сдаются или терпят неудачу.
В такую эпоху технологического процветания и высокой скорости итерации новые технологии могут вскоре быть одобрены другими, или они могут быть скоро помещены в холодный дворец.Что нужно отрасли, так это не только технологические инновации, но и ценность, фактически создаваемая для бизнес. Это возможность и вызов.
02. Возможности и проблемы отрасли
В отрасли графического анализа мы выбираем для обсуждения 3 наиболее представительные компании и продукты. В области анализа Palantir уникален, и вы можете увидеть его силу, когда посмотрите на его клиентов.В области технологий визуализации Cambridge Intelligence предоставила нам очень хорошие технические решения.К сожалению, они не сотрудничают в Китае. В области графовых баз данных конкуренция жесткая, и Neo4J является одним из лидеров.
01. Палантир: аналитическое поле
В области анализа графов наиболее известна компания Palantir, основанная в 2004 г. Когда-то она была известна как самая загадочная стартап-компания в США, среди ее клиентов — Агентство национальной безопасности (АНБ) и Федеральная служба безопасности США. Бюро расследований (ФБР), ЦРУ и многие другие антитеррористические и военные агентства США. Играл важную роль в анализе разведывательных данных в операции США по убийству Усамы бен Ладена. Для получения дополнительной информации об этой компании, вы можете перейти кОфициальный сайтПоймите, знайте оЧем именно занимается Palantir Technologies? 》Бывают и оживленные дискуссии.
02.Cambridge Intelligence: технология визуализации
Кроме тогоКембриджская разведка Кембриджская разведкаКомпания, чей лозунг «Вдохните жизнь в свои подключенные данные», имеет два инструмента анализа графиков: Keylines (библиотека визуализации графиков для разработчиков Javascript) и ReGraph, который предоставляет графики для разработчиков React. Библиотека компонентов для возможностей визуализации. В число клиентов входят: CISCO, Microsoft, VISA и другие крупные компании.Самый классический случай – сотрудничество с Microsoft, чтобы помочь британскому правительству построить центр управления полицией.Подробнее см.«KeyLines выбрана для новой платформы управления контактами с полицией»
03. Neo4j: графическая база данных
Во многих областях базы данных графов также есть сценарии применения для анализа графов. НапримерNeo4jПродукты компании включают Neo4jDB, Neo4j Desktop, а области применения включают обнаружение мошенничества, распознавание мошенничества, график знаний, ИТ-инфраструктуру и интернет-инфраструктуру.Подробности см. на официальном сайте Graph Database Use Cases, который имеет встроенную платформу анализа графов. Кроме того, конкурирующие продуктыTigerGraphКомпания также очень конкурентоспособна
04. Основная задача: защита конфиденциальности данных
Все вышеперечисленные компании используют графические технологии в качестве основной технологии своих продуктов.Palantir фокусируется на государственном, военно-промышленном и медицинском сотрудничестве.Эти данные в значительной степени одобрены правительством и позволяют проводить анализ. Cambridge Intelligence напрямую использует технологию общего анализа графов, чтобы избежать проблем с данными. Neo4J выбирает более абстрактный источник данных и сохраняет его в исходном слое базы данных для анализа. Мы обнаружили, что все без исключения компании избегали серьезной проблемы: «конфиденциальность и защита данных». В этом быстро развивающемся информационном обществе защита конфиденциальности данных стала вызовом для всего человечества:
- когда мызависимость от информационных технологийСтановясь все выше и выше, например, Интернет, облачное хранилище, наши личные данные передаются, сбрасываются, риск становится все выше и выше.
- когда мыТребования к опыту общенияНаши личные данные становятся все выше и выше, такие как связь 5G, такие как устройства Интернета вещей IOT, и риск их сбора становится все выше и выше.
Суть технологии анализа графов заключается в соединении изолированных точек данных в линии для формирования сети, чтобы реализовать абстракцию сети, анализ данных и вывод значения.
03. Концептуальное понимание
С точки зрения отрасли мы все еще можем быть в замешательстве: что такое граф, что такое анализ графа, что такое визуализация графа и что такое графическое приложение? Хорошо, мы объясним эти понятия один за другим
01. Что такое график?
Что вы знаете о картинках? картина? Графика? Или структура графа? Во многих технических статьях Graph часто переводят как "граф", что является неточным. Graph - это граф в теории графов. В 1736 году Эйлер решил проблему семи мостов Кенигсберга. Решая задачу, он создал математику. Новая ветвь - теория графов и геометрическая топология.
В дискретных данных граф G состоит из двух множеств V и E (обозначаемых как G = (V, E)): V — вершина, множество узлов, E — ребро, множество ребер, граф то, что мы описываем в реальном мире. Полезный инструмент для установления отношений между отдельными темами в
Для академического понимания, пожалуйста, обратитесь к тому, что я далСвязьчитать. С точки зрения инженерного применения мы имеем в виду обучение«Анализ графиков и визуализация графиков — обнаружение ценности для бизнеса в связанных данных»Эта книга не объясняет слишком много здесь.
02. Что такое анализ графов?
Анализ графов: Анализ графов, хотя в Интернете есть много объяснений вики, но мое интуитивное понимание — «использование графов для анализа проблем», что могут анализировать графы? Теория графов может дать вам ответ.Упомянутая выше проблема Кенигсбергских семи мостов заключается в использовании топологии графа для анализа проблемы.
В жизненных приложениях везде анализ графов, представьте сцену, когда вы выходите: включите мобильный телефон, чтобы просмотреть карту метро, сначала найдите сайт (вершину) начала (источника) и пункта назначения (цель), а затем перейдите автоматически планировать кратчайший путь (алгоритм A-звезды), маршрут, который вы хотите выбрать, является краем (краем). Прежде чем вы это узнаете, вы уже используете анализ графов.
Помимо теории графов, анализ графов имеет два решения в инженерной области:
- Серверное решение: анализ структуры графа в соответствии с обработкой данных, расчетом алгоритма, обучением модели ИИ и т. д.
- Интерфейсное решение: визуальное отображение информации о графике, исследование и руководство по анализу графика.
Интерфейсное решение — это псевдоним нашей следующей темы: визуализация графов.
03. Что такое графическая визуализация
Что касается визуализации графов, то я тоже монах на полпути, здесь рекомендую статью, написанную командой AntV Tengo.«Визуализация диаграммы Hello World»Я пытаюсь дополнить его с трех сторон: определение, преимущества и трудности.
01. Определение
Графические данные преобразуются в графики или изображения с помощью компьютерной графики и технологии обработки изображений для выполнения таких функций, как отображение информации и взаимодействие.
02. Преимущества
- Наш мозг очень хорошо обрабатывает информацию изображения, и визуализация может быть очень интуитивной.
- Представление графа в виде структуры ссылок узлов и ребер может помочь пользователям обнаружить больше ценности в сети.
03. Трудности
- Методы рисования: входными данными могут быть графические данные без геометрии, а выходными данными должен быть нарисованный график.
- Технология компоновки: Алгоритм компоновки должен быть простым в использовании и интерпретируемым.
- Технология взаимодействия: взаимодействие с пользователем, взаимодействие с управляемым исследованием, взаимодействие с обновлением данных.
04. Основные проблемы: технические трудности
- Трудности в интерфейсных технологиях: рисунок, макет, взаимодействие
- Сложности back-end технологии: алгоритм, анализ, обработка, поиск
04. Дизайн продукта и взаимодействие с пользователем
После понимания соответствующих концепций диаграмм мы начали вступать в стадию исследования продукта, дизайна и полировки пользовательского опыта.
01. Исследование продукта
- Графический анализ коммерческих продуктов
- иностранный:Palantir,Neo4j,TigerGraph,cambridge-intelligence
- одомашненный:Тяньянча,отчет о ветре,призма,тот же щит
- Визуализация интерфейса: демонстрация продукта
02. Позиционирование продукта
Когда мы исследовали так много конкурирующих продуктов, мы фактически обнаружили, что они в основном делятся на две категории.
- Платформа Graph Analysis Product Design
- Дизайн продукта для вертикального графического анализа
Вертикальному типу нужно только охватить вертикальную область, такую как борьба с отмыванием денег, и сделать ее глубокой и тщательной. Платформенный тип требует более глубокого понимания и проектирования "визуализации графа/вычисления графа". С точки зрения обеспечения универсальности, это также вызов для повышения простоты использования.
Поэтому, когда мы приступаем к дизайну, мы должны четко продумать позиционирование нашей продукции.
03. Дизайн продукта
Если я объясню в одном предложении, что мы делаем с дизайном продукта, мой ответ будет таким:
Понимать и доставлять то, что пользователь хочет помочь пользователям лучше анализировать данные
В качестве примера мы возьмем продукты на базе платформы. Ориентируясь на цель «лучше помочь пользователям анализировать данные», функции наших продуктов разобраны следующим образом:
01. Модуль отображения информации
- Схема взаимодействия: Меню щелчка/наведения/щелчка правой кнопкой мыши: Просмотр информации об атрибутах и информации об операциях узлов и ребер
- Схема макета: покажите пользователю наиболее важную для него информацию с помощью различных схем макета.
- Решение для скрининга: помогите пользователям уменьшить влияние данных и получить нужные данные
02. Вспомогательные компоненты анализа
- Панель инструментов Универсальная панель инструментов
- Контекстное меню контекстного меню
- Эскиз мини-карты
- Фильтр свойств PropertiesFilter
- Легенда Легенда
03. Модуль базового анализа
- Node Expand Node Spread: Используя принцип агрегации рисков, один узел риска распространяется, чтобы найти другие узлы риска.
- Обнаружение отношений Find Connections: в соответствии с теорией сегментации с шестью степенями обнаруживайте возможные скрытые ассоциации.
- Групповой анализ: Банды трудно обнаружить, а их методы сложны и изменчивы.
04. Модуль расширенного анализа
- Географический анализ
- Анализ на основе времени
- Анализ групповой навигации Групповая навигация
04. Дизайн опыта
01. Основа модели
Основой нашей модели является модель данных графа: модель графа. Первым шагом в дизайне является интуитивное отображение модели.
- Узлы: узлы сущностей, которые интересуют пользователей.
- Края: отношения между сущностями
- Свойство: вторичная информация или описательные признаки узлов и ребер.
02. Базовый план
- Цвет: использование цветов должно помочь пользователям различать информацию, а количество цветов не должно слишком беспокоить пользователей.
- Графика: Графика должна соответствовать требованиям макета, быть масштабируемой и нести ключевую информацию.
- Взаимодействие: помогите пользователям завершить процесс анализа и направьте их к следующему шагу.
03. Принципы дизайна
- Проектируйте с учетом пользовательской интуиции: если пользователи верят, что графическая визуализация является точным представлением данных, их опыт будет более проницательным.
- Согласованность опыта: убедитесь, что весь дизайн визуализации отношений имеет одинаковый пользовательский интерфейс с точки зрения цвета, взаимодействия и других аспектов.
- Отслеживаемость: чтобы пользователи могли доверять отображаемому графику, пользователи должны понимать, как он был создан. Например, может быть привлекательным полностью выполнять фильтрацию, вычисления и компоновку в бэкэнде, но раскрытие этих процессов вызовет у пользователей больше доверия. Анимация — отличный способ.
- Действия являются обратимыми: не позволяйте своим пользователям беспокоиться о том, что случайный клик будет разрушать работу во второй половине дня. Необходимо поддерживать операции по отмене / повторению
05. Дорожная карта технологий
- Вводный курс по визуализации данныхПроизведено Академией АнтВ Може
- graph TheoryЧерез D3.js, чтобы объяснить некоторые теории графа, вы можете быстро просмотреть и увидеть
- Data Visualization Course 2018Если вам нужно использовать D3.js, вы можете внимательно изучить
- Передняя базовая технологияMDN SVG, семейство Canvas Bucket
- Фреймворк технологии визуализации графиков: каждый может взять то, что ему нужно
06. Пресс-релиз: G6 и Graphin
01. Движок визуализации графиков: G6
01. Введение
G6 — это механизм анализа и визуализации графиков в Ant Financial-AntV.
02. Происхождение имени
- G из G6 происходит от Graphic and Graph, что означает, что нам нужно выполнять визуализацию графов на основе технологии анализа графов;
- 6 из G6 происходит от теории шести степеней разделения, выражая наше благоговение и восхищение реляционными данными и реляционными сетями.
03. Думай
С момента рождения G6 бизнес, которым занимается G6, можно разделить на две категории: одна — анализ графов, а другая — редактирование графов. Несмотря на то, что они в определенной степени похожи, их направленность различна.Первый уделяет больше внимания опыту анализа графических данных. Последний больше ориентирован на интерактивное редактирование. Раньше мы использовали G6 для одновременной поддержки этих двух разных видов бизнеса, но по фактическому эффекту он не оправдал наших ожиданий. Начиная с G6 версии 3.1, мы больше фокусируемся на области анализа графов.
02. Компонент визуализации графиков: Graphin
01. О введении
Graphin — это библиотека компонентов React, основанная на пакете G6, ориентированная на анализ графов.
Graphin означает понимание графического анализа Graph Insight, пиктографический графен Graphene, содержит потенциал будущего.
- Нижний слой использует G6 в качестве механизма рендеринга, взаимодействия и компоновки для графиков.
- Внешний слой использует React для компонентной разработки, чтобы повысить эффективность разработчиков.
- Преципитационная полимеризация верхнего слоя Лучший в отрасли продукт графического анализа функциональных характеристик.
Как видно из вышеизложенного, нижний слой Graphin G6 позволяет нам иметь возможность визуализировать графики, внешний слой инкапсуляции React позволяет нам повысить эффективность разработки, а верхний слой осаждения функций продукта делает наш анализ более профессиональным. и блестящий
02. Особенности
Из вышеизложенного мы знаем, что мы проделали большую домашнюю работу по разработке продукта для анализа графов.Graphin все еще находится в стадии разработки.Gif на рисунке ниже может дать вам представление о его функциональных характеристиках.Некоторые функции унаследовано от G6.Мощные функции, некоторые функции исходят из особенностей структуры React, основные 6 основных функций заключаются в следующем.
- 1. Управление данными
- 2.Автоматические макеты
- 3. Компоненты анализа
- 4. Индивидуальный стиль
- 5. Базовый анализ
- 6.Расширенный анализ
03. Время с открытым исходным кодом
22 ноября 2019 г. Утро
Одноклассник спросил: «Каковы ваши ожидания после того, как Graphin станет открытым исходным кодом». Я сказал всего четыре слова: «брось кирпич, чтобы привлечь нефрита». Мы изучили множество отличных продуктов для графического анализа, и ответ по электронной почте, полученный от многих испытаний продуктов, был следующим: «Извините, в настоящее время мы не ведем бизнес в Китае». Каждый раз, когда я угадываю его продуктовую логику по видеодемонстрациям фрагментов, я часто удивляюсь, почему детали зарубежных продуктов так к месту.
В Китае многие продукты для анализа графов сосредоточены на внутренних решениях, а опыт проектирования и анализа графов явно недостаточен.Мы надеемся, что, когда другие разработчики познакомятся с областью визуализации графов, они смогут увидеть Graphin в обзор, Это кирпич, ожидающий появления большего количества нефрита. Как видно из логотипа, форма графена содержит огромную энергию.Ожидается, что в будущей эре 5G+IOT она поможет людям найти большую ценность в области анализа данных с помощью методов реляционного анализа.
07. Резюме
В конце я надеюсь повторить название, проблемы и возможности анализа и визуализации графиков. Проще говоря, с точки зрения отрасли защита конфиденциальности и рыночное применение являются сложной задачей.С точки зрения дизайна продукта, как понять и доставить контент, который нужен пользователям, является проблемой.С точки зрения передовых технологий, рендеринг производительность, макет и взаимодействие — все это большая проблема. Возможности приходят с проблемами, а проблемы содержат возможности.
В настоящее время мы просто ученики, последователи в этой области, и анализ графиков в настоящее время находится в стадии разработки.期望膨胀期а также理想破灭的冷静期узел. Большинство академических статей, которые мы собираем, написаны 20 лет назад. Я видел, что зрелые коммерческие продукты родились почти 10 лет назад, и многие библиотеки фреймворков для визуализации графов также итеративно замедлились.Разрушены ли их идеалы из-за завышенных ожиданий, или они смело продвигаются вперед, они продолжают исследовать в этой области и найти возможности для бизнеса, вызванные технологией? Надеюсь, мы сможем работать вместе.
использованная литература
- 《Графическая визуализация и навигация в визуализации информации: обзор》
- «В чем разница между UI и UX»
- UX визуализации графиков: как не испортить визуализацию графиков
- Чем именно занимается Palantir Technologies? 》
- «Анализ графиков и визуализация графиков — обнаружение ценности для бизнеса в связанных данных»
Заинтересованы в нашей команде, обратите внимание на столбцы, обратите внимание на Github или отправьте свое резюме на «tao.qit #### alibaba-inc..replace (' #### ',' @ '), добро пожаловать, присоединяйтесь ~
Оригинальный адрес:GitHub.com/proto team/no…