InteractiveGraph

InteractiveGraph предоставляет веб-ориентированную интерактивную операционную среду для работы с большими объёмами данных графа, которые могут быть получены из файла GSON или онлайн-базы данных Neo4j.

InteractiveGraph также предоставляет три приложения, построенные на этой платформе: GraphNavigator, GraphExplorer и RelFinder.

Quick start

1. Загрузите examples.zip: https://github.com/grapheco/InteractiveGraph/releases.

2. Распакуйте и разверните examples.zip в качестве веб-приложения на веб-сервере (Apache, Tomcat и т. д.). Веб-сервер необходим, иначе при загрузке данных графа через AJAX возникнет ошибка.

3. Посетите веб-приложение в веб-браузере, URL может выглядеть следующим образом: https://localhost:8080/examples/example1.html. Измените example1.html на examples2.html или examples3.html и т.д.

How to use

1. Скачайте interactive-graph-.zip (interactive-graph-0.1.0.zip, например) из каталога dist: https://github.com/grapheco/InteractiveGraph/dist/.

2. Разархивируйте interactive-graph-.zip, вы получите два файла: interactive-graph.min.js и interactive-graph.min.css.

3. Импортируйте файлы .js и .css на HTML-страницу, например так:

<script type="text/javascript" src="./lib/interactive-graph-0.1.0/interactive-graph.min.js"></script>
<link type="text/css" rel="stylesheet" href="./lib/interactive-graph-0.1.0/interactive-graph.min.css">

4. Используйте функции и классы, определённые в пространстве имён igraph:

<script type="text/javascript">
    igraph.i18n.setLanguage("chs");
    var app = new igraph.GraphNavigator(document.getElementById('graphArea'));
    app.loadGson("honglou.json");
</script>

Как показано выше, приложение... ### Обработка событий

MainFrame и элементы управления взаимодействуют с приложениями через события. Например, когда окно меняет размер, MainFrame и все элементы управления получают события FRAME_RESIZE.

Чтобы подписаться на событие, вызовите метод on(event, handler) для MainFrame или Control. Чтобы отменить подписку, используйте вместо этого off(event, handler).

Чтобы инициировать событие в MainFrame, используйте метод MainFrame.emit(event, args) или MainFrame.fire(event, args). В отличие от метода emit(), fire() помещает объекты контекста по умолчанию, включая mainFrame, htmlMainFrame и theme, в args перед отправкой. Чтобы инициировать событие для элемента управления, используйте метод emit(event, args).

Соединитель данных

MainFrame загружает данные через соединитель, который может подключаться к LocalGraph или RemoteGraph. LocalGraph загружает все данные один раз из объекта или файла GSON, а RemoteGraph каждый раз взаимодействует с сервером удалённого графа, если нет доступных данных кэша.

Приложение всегда использует встроенный MainFrame для загрузки файла GSON через метод loadGson():

app.loadGson("honglou.json");

Или вызывая метод connect() для загрузки интерактивного графика с удалённого сервера IGP:

app.connect("http://localhost:9999/graphserver/connector-bolt");

GSON

MainFrame загружает данные из LocalGraph в формате GSON. GSON — это фактически расширенный формат JSON для данных графа. Расширение заключается в том, что GSON распознаёт функции, которые недопустимы в JSON.

GSON состоит из некоторых элементов данных, он определяется следующим образом:

export interface GSON {
    "data": {
        nodes: object[];
        edges?: dist/examples/example1.html в веб-браузере.

## LICENSE

InteractiveGraph лицензируется по условиям BSD 2-Clause «Упрощённой» лицензии.

Пожалуйста, ссылайтесь на этот проект при упоминании:

InteractiveGraph: a web-based interactive operating framework for large graph data［EB/OL］. https://github.com/grapheco/InteractiveGraph, 2018-09-09

или добавьте следующую статью в качестве ссылки:

赵子豪,沈志宏*. 一种适合多元异构图数据管理系统的交互分析框架[J]. 数据分析与知识发现,2019,10(34):37-46.

Кроме того, мы будем признательны, если вы сообщите нам, как используете InteractiveGraph в своих проектах!!! Пожалуйста, заполните таблицу вариантов использования (https://github.com/grapheco/InteractiveGraph/wiki/use-case-collection) указав своё имя (имя пользователя на github), организацию и проект.