Skip to content

Commit

Permalink
docs: quick start
Browse files Browse the repository at this point in the history
  • Loading branch information
CodesAreHonest committed Feb 21, 2021
1 parent ef3c5ba commit e60ecd0
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 12 deletions.
20 changes: 10 additions & 10 deletions packages/graphin/docs/quick-start/index.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -105,30 +105,30 @@ const {

## 06. Good analysis components can improve user analysis efficiency

With the deepening of business, users have more and more analysis demands. Simple canvas and graphic element operations can no longer satisfy users' analysis demands:
As the business deepen, users possess more analysis demands. The simple canvas and graphic element operations no longer satisfy users' analysis demands, for example:

- For example, the operation of nodes is not limited to clicking nodes. It is also necessary to mark nodes, drill down data, delete, and reverse selection. At this time, you need a right-click menu component.
- For example, data classification needs to be marked with contour components or legends
- The operation of nodes is not limited to clicking nodes. It is also necessary to mark nodes, drill down data, delete, and reverse selection. At this time, you need a right-click menu component.
- Data classification needs to be marked with contour components or legends

Graphin summarized 26 analysis components according to the guidance in the white paper "AntV Graph Visual Analysis Solution".

<code src='./demos/components.tsx'>

## 07. Precipitating these product solutions, maybe you can use them
## 07. Precipitating these product solutions, maybe you could use them

If you have the patience to see here, then we can talk about business together. The application of graph visual analysis in different business fields actually has some points in common. For example, in the knowledge graph and financial risk control, there is a core product function, the former is `knowledge reasoning`, the latter is `risk detection`, because in these scenarios, the main use is the data analysis method of drilling down. The special point of drilling down graph data is that it is not only a dynamic process of data, but also a dynamic process of layout. The exploration problem of dynamic graphs is the first business pain point problem solved by the Graphin team. Now we abstract this problem as a combination of two technical solutions of `data-driven + progressive layout`, hoping to help everyone's business.
If you have read up to this point, we will discuss more about business application in this section. There are several similarities found in the application of graph visual analysis in different business fields. As an example, in the knowledge graph and financial risk control, there is a core product function, the former is `knowledge reasoning`, the latter is `risk detection`. In these scenarios, the drill-down analysis i used. It required dynamic process of both data and layout. The exploration challenges of dynamic graphs are the first business problem solved by the Graphin team. We abstract this problem as a combination of two technical solutions of `data-driven + progressive layout` and hope to provide assistance in everyone's business.

<code src='./demos/node-expand.tsx'>

In addition to dynamic map layout, large map exploration is also a common requirement in business. Adopting louvain algorithm aggregation, using Combo capability or node aggregation display mode, combined with MiniMap small map navigation, fish-eye magnifying glass, can initially meet the exploration needs of large maps. This piece of [DEMO can refer to](https://antv.vision/graphin-docs/graphin/case/geamaker)
In addition to dynamic map layout, large map exploration is a common requirement in business. By adopting louvain algorithm aggregation, using Combo capability or node aggregation display mode, combined with MiniMap small map navigation, fish-eye magnifying glass, can initially meet the exploration needs of large maps. Refer this [DEMO](https://antv.vision/graphin-docs/graphin/case/geamaker) for more information.

The above is all the content of our quick start: through the fragmentary small DEMO, we have basically seen a basic capability of Graphin:
The above sections are all the contents for our quick start: through the fragmentary small DEMO, we have demonstrated a basic capability of Graphin:

- Support the rendering of two different data structures: tree map and net map.
- Built-in multiple layouts, support sub-map layout, incremental layout, layout switching.
- There are combination specifications for nodes and edges, and style customization is supported.
- Support the introduction of interactive behavior combinations: Currently, 9 common interaction behaviors have been completed to meet our daily interaction needs.
- Built-in rich analysis components, currently 6 commonly used components have been completed: right-click menu ContexMenu, tooltip, minimap navigation MiniMap, legend component Legend, fisheye magnifier FishEye, contour component Hull. There are 26 components in total.
- Combination specifications for nodes and edges, and style customization are supported.
- Support the imports of interactive behavior combinations: Currently, 9 common interaction behaviors have been completed to meet our daily interaction needs.
- Built-in rich analysis components, currently 6 commonly used components have been completed: right-click menu, tooltip, minimap navigation, legend component, fisheye magnifier, contour component. There are 26 components in total.
- Accumulate product functions from business types, such as dynamic map exploration and big map exploration.

If you are still interested, you can continue to read the in-depth exploration part, which will introduce you to Graphin's extension mechanism and component customization mechanism, as well as GraphinStudio that we will focus on next.
4 changes: 2 additions & 2 deletions packages/graphin/docs/quick-start/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -119,15 +119,15 @@ Graphin 根据`《AntV 图可视分析解决方案》`白皮书里的指导,

<code src='./demos/node-expand.tsx'>

除了动态图布局,大图探索也是业务中常见的需求。采用 louvain 算法聚合 ,利用 Combo 能力或者节点聚合展示方式,再结合 MiniMap 小地图导航,鱼眼放大镜,可以初步满足大图的探索需求。这块[DEMO 可以参考](https://antv.vision/graphin-docs/graphin/case/geamaker)
除了动态图布局,大图探索也是业务中常见的需求。采用 louvain 算法聚合 ,利用 Combo 能力或者节点聚合展示方式,再结合 MiniMap 小地图导航,鱼眼放大镜,可以初步满足大图的探索需求。这块[DEMO](https://antv.vision/graphin-docs/graphin/case/geamaker) 可以参考

以上便是我们的快速开始的全部内容:通过零碎的小 DEMO,我们基本上已经看到了 Graphin 的一个基本能力面貌:

- 支持 树图 和 网图 两种不同数据结构的渲染。
- 内置多种布局,支持子图布局,增量布局,布局切换。
- 节点和边 存在组合规范,支持样式自定义。
- 支持交互行为组合引入:目前已经完成常见的 9 种交互行为,满足日常我们交互需求。
- 内置丰富的分析组件,目前已经完成用户常用的 6 种组件:右键菜单 ContexMenu,提示框 Tooltip,小地图导航 MiniMap,图例组件 Legend,鱼眼放大镜 FishEye,轮廓组件 Hull。全部有 26 个组件。
- 内置丰富的分析组件,目前已经完成用户常用的 6 种组件:右键菜单 ContextMenu,提示框 Tooltip,小地图导航 MiniMap,图例组件 Legend,鱼眼放大镜 FishEye,轮廓组件 Hull。全部有 26 个组件。
- 从业务种沉淀产品功能,例如动态图探索, 大图探索。

如果你还感兴趣,可以继续阅读深入探索部分,将为大家介绍 Graphin 的扩展机制 和 组件的自定义机制,以及我们接下来重点要做的 GraphinStudio。

0 comments on commit e60ecd0

Please sign in to comment.