doc: Intoduction

packages/graphin-site/docs/manual/introduction.en.md

@@ -6,11 +6,11 @@ icon: none
 
 ## Background
 
-With the advent of the era of big data, data analysis is becoming more and more important for enterprises. Traditional OLAP chart analysis has already emerged in the business world to help companies make business decisions. This is known as "BI" (Business Intelligence). In recent years, 5G + IoT technology has been applied gradually, which will produce a new kind of data - associated data. Imagine, in your home, WiFi and 5G are connected to your refrigerator, air conditioner, washing machine, mobile phone and computer, and your social account is also connected to your mobile phone or computer. The future world must be a connected world, and we all live in a huge topology.
+With the advent of the era of big data, data analysis is becoming more important for enterprises. Traditional OLAP chart analysis has already emerged in the business world to help companies make business decisions. This is known as "BI" (Business Intelligence). In recent years, 5G + IoT technology has been applied gradually, which will produce a new kind of data - associated data. Imagine, in your home, WiFi and 5G are connected to your refrigerator, air conditioner, washing machine, mobile phone and computer, and your social account is also connected to your mobile phone or computer. The future world must be a connected world, and we are all involves in this huge topology.
 
-Therefore, how to process these relational data and analyze the data topology network becomes a challenge. The process of this analysis is also called Graph Analysis.
+Therefore, the way to process these relational data and analyze the data topology network becomes a challenge. The process of this analysis is also known as Graph Analysis.
 
-At present, graph analysis has been widely used in the fields of financial anti-fraud, public safety, infrastructure monitoring, and smart medical care. In this process, we need a powerful graph calculation engine to solve the problem of data compliance and collection. The corresponding graph algorithm is also needed to solve the graph construction and analysis. Finally, at front end, we need a graph visualization engine that provides us with visual analysis capabilities to discover potential value. Graphin was born in this context, its purpose is to visualize these relational data and analyze it.
+At present, graph analysis has been widely used in the fields of financial anti-fraud, public safety, infrastructure monitoring, and smart medical care. In this process, we need a powerful graph calculation engine to solve the problem of data compliance and collection. The corresponding graph algorithm is also needed to solve the graph construction and analysis. Finally, at front end, we need a graph visualization engine that provides us with visual analysis capabilities to discover potential value. Graphin was born in this context, it serve a purpose to visualize these relational data and analyze it.
 
 ## Naming Origin
 
@@ -20,41 +20,41 @@ Graphin means Graph Insight (analysis of graphs). It is a library of React compo
 
 Graph visualization can be layered into "graph analysis" and "graph editing" in the application field. The [background](#Background) above is actually about the graph analysis layer.
 
--   Graph Analysis: layout analysis and visual exploration of the graph. Typical product: [cambridge-intelligence](https://cambridge-intelligence.com/), [TigerGraph](https://testdrive.tigergraph.com), [Linkurio](https://crunchbase.linkurio.us/demo/),[Gephi](https://gephi.org/), [Palantir](https://www.palantir.com/), [Neo4j](https://neo4j.com/product/).
--   Graph Editing: editing, wiring, process management of the graph. Typical product: [draw.io](https://www.draw.io/), [mxGraph](https://github.com/jgraph/mxgraph), [ggEditor](http://ggeditor.com/).
+- Graph Analysis: layout analysis and visual exploration of the graph. Representative products are: [cambridge-intelligence](https://cambridge-intelligence.com/), [TigerGraph](https://testdrive.tigergraph.com), [Linkurio](https://crunchbase.linkurio.us/demo/),[Gephi](https://gephi.org/), [Palantir](https://www.palantir.com/), [Neo4j](https://neo4j.com/product/).
+- Graph Editing: editing, wiring, process management of the graph. Representative products are: [draw.io](https://www.draw.io/), [mxGraph](https://github.com/jgraph/mxgraph), [ggEditor](http://ggeditor.com/).
 
-Graphin is based on [G6](https://g6.antv.vision/) + React. G6 was a graphical visualization rendering engine before v3.1. It supports both graph analysis and graph editing. Starting from v3.1, G6 concentrates on graph analysis and hand over graph editing to X6. Graphin use React's powerful component ecosystem and simple and declarative programming model to greatly reduce user's learning cost.
+Graphin is based on [G6](https://g6.antv.vision/) + React. G6 was a graphical visualization rendering engine before v3.1. It supports both graph analysis and graph editing. Starting from v3.1, G6 concentrates on graph analysis and hand over graph editing to X6. Graphin utilise React's powerful component ecosystem with simple and declarative programming concepts to greatly reduce user's learning curve.
 
 ## Targeted Product
 
-Graphin benchmarks [ReGraph](https://cambridge-intelligence.com/regraph/) on product capabilities, and hopes to serve many graph analysis areas such as relationship analysis, knowledge graph, financial anti-fraud, logistics security, and infrastructure monitoring.
+Graphin benchmarks [ReGraph](https://cambridge-intelligence.com/regraph/) on product capabilities, and hopes to serve many graph analysis fields such as relationship analysis, knowledge graph, financial anti-fraud, logistics security, and infrastructure monitoring.
 
 ## Open Sourcing Motivation
 
--   **Improve efficiency**: Graph is a complex concept with high learning cost. G6 is a library of graph visualization and graph analysis. It's flexible, but it also means the lack of best practices. What can G6 do? Many people are actually not clear. Graphin hopes to add engineering best practice to G6 to improve developer productivity.
+- **Improve efficiency**: Graph is a complex concept with high learning curve for a novice. People might not aware of the simplicity and convenience of using G6 in build up graph visualization and graph analysis application. Graphin hopes to extends the engineering best practice and the feature of G6 to improve developer productivity in development.
 
--   **Throw away a brick**: Graphin is just a starter in the field of graph analysis. There are many excellent products before Graphin which did a very good job in product experience and analysis, but none of them was open source and many products do not sell to China. Graphin hopes to attract more people to explore in this field through open source co-operation.
+- **Attract Feedbacks**: Graphin is a novice in graph analysis field. There are numerous excellent experience and analysis products are born before Graphin. However, none of them are open-sources and collaborate in China. Therefore, Graphin hopes to attract more interest and feedbacks from professional with common interest to explore in this field through open source co-operation.
 
 ## Functional Characteristics
 
 ### 01. Data Driven
 
-Take advantage of React declarative UI features to map data to canvas rendering result.
+Take advantage of React declarative UI features to achieves map data to canvas rendering.
 
--   Incremental data addition: Graphin adds data dynamically according to the pre-layout to achieve node diffusion, relationship discovery and other effects.
--   Full data rendering: Graphin supports full data rendering to meet the requirements of saving, importing, exporting, etc.
+- Incremental data addition: Graphin adds data dynamically according to the pre-layout to achieve node diffusion, relationship discovery and other effects.
+- Full data rendering: Graphin supports full data rendering to meet the requirements of saving, importing, exporting, etc.
 
 <img style='width:100%;box-shadow: 0 2px 8px #f0f1f2;padding:40px;'  src = 'https://gw.alipayobjects.com/mdn/rms_00edcb/afts/img/A*PM7yTr_-O0gAAAAAAAAAAABkARQnAQ'/>
 
 ### 02. Layout Switching
 
-Graphin has some built-in layouts that supports auto layout and layout switching to meet the layout needs of different scenarios.
+Graphin possess built-in layouts that supports auto layout and manual layout switching to meet the needs of different scenarios.
 
 <img style='width:100%;box-shadow: 0 2px 8px #f0f1f2;padding:40px;'  src = 'https://gw.alipayobjects.com/mdn/rms_00edcb/afts/img/A*U9XMRbsTTA8AAAAAAAAAAABkARQnAQ'/>
 
 ### 03. Analysis Component
 
-The data analysis process is a dynamic interactive process. There is no exception for graph analysis. So we need some analysis components to help us. There are two built-in components in Graphin: Toobar and ContextMenu. MiniMap and ProptertiesFilter Component are coming soon.
+Data analysis is a dynamic interactive process, same goes to graph analysis. Thus, we might rqeuire analysis components to assist us. There are two built-in components in Graphin: Toobar and ContextMenu. MiniMap and ProptertiesFilter Component are coming soon.
 
 <img style='width:100%;box-shadow: 0 2px 8px #f0f1f2;padding:40px;'  src = 'https://gw.alipayobjects.com/mdn/rms_00edcb/afts/img/A*aBjSTYyhsE8AAAAAAAAAAABkARQnAQ'/>
 
@@ -66,7 +66,7 @@ Graphin has a built-in style for node and edge. It also allows users to customiz
 
 ### 05. Basic Analysis
 
-Support node diffusion, edge relationships finding  and other basic analysis methods.
+Support node diffusion, edge relationships finding and other basic analysis methods.
 
 ### 06. Advanced Analysis
 

packages/graphin/docs/index.en-US.md

@@ -21,7 +21,7 @@ banner:
       link: https://github.com/antvis/graphin
 ideas:
   - icon: https://gw.alipayobjects.com/os/q/cms/images/k9ziitmp/13668549-b393-42a2-97c3-a6365ba87ac2_w96_h96.png
-    title: Out-of-the-box Feature
+    title: Out-Of-The-Box Features
     description: Built-in graph elements, interaction, layout, components, the basic graph visual analysis capabilities you need are ready!
   - icon: https://gw.alipayobjects.com/os/q/cms/images/k9ziik0f/487a2685-8f68-4c34-824f-e34c171d0dfd_w96_h96.png
     title: Business Precipitation

packages/graphin/docs/introduction.en-US.md

@@ -10,30 +10,30 @@ nav:
 
 ## 📖 Background
 
-With the advent of the era of big data, data analysis is becoming more and more important for enterprises. Traditional OLAP chart analysis has already emerged in the business world to help companies make business decisions. This is known as "BI" (Business Intelligence). In recent years, 5G + IoT technology has been applied gradually, which will produce a new kind of data - associated data. Imagine, in your home, WiFi and 5G are connected to your refrigerator, air conditioner, washing machine, mobile phone and computer, and your social account is also connected to your mobile phone or computer. The future world must be a connected world, and we all live in a huge topology.
+With the advent of the era of big data, data analysis is becoming more important for enterprises. Traditional OLAP chart analysis has already emerged in the business world to help companies make business decisions. This is known as "BI" (Business Intelligence). In recent years, 5G + IoT technology has been applied gradually, which will produce a new kind of data - associated data. Imagine, in your home, WiFi and 5G are connected to your refrigerator, air conditioner, washing machine, mobile phone and computer, and your social account is also connected to your mobile phone or computer. The future world must be a connected world, and we are all involves in this huge topology.
 
-Therefore, how to process these relational data and analyze the data topology network becomes a challenge. The process of this analysis is also called Graph Analysis.
+Therefore, the way to process these relational data and analyze the data topology network becomes a challenge. The process of this analysis is also known as Graph Analysis.
 
-At present, graph analysis has been widely used in the fields of financial anti-fraud, public safety, infrastructure monitoring, and smart medical care. In this process, we need a powerful graph calculation engine to solve the problem of data compliance and collection. The corresponding graph algorithm is also needed to solve the graph construction and analysis. Finally, at front end, we need a graph visualization engine that provides us with visual analysis capabilities to discover potential value. Graphin was born in this context, its purpose is to visualize these relational data and analyze it.
+At present, graph analysis has been widely used in the fields of financial anti-fraud, public safety, infrastructure monitoring, and smart medical care. In this process, we need a powerful graph calculation engine to solve the problem of data compliance and collection. The corresponding graph algorithm is also needed to solve the graph construction and analysis. Finally, at front end, we need a graph visualization engine that provides us with visual analysis capabilities to discover potential value. Graphin was born in this context, it serve a purpose to visualize these relational data and analyze it.
 
 ## 💡 Naming Origin
 
-Graphin means Graph Insight (analysis of graphs). It is a library of React components based on [G6 3.x](https://g6.antv.vision/) that is simple, efficient and out of the box. Its logo is [Graphene](https://en.wikipedia.org/wiki/Graphene), which means the potential in the future.
+Graphin means Graph Insight (analysis of graphs). It is a library of React components based on [G6 3.x](https://g6.antv.vision/) that is simple, efficient and with out-of-the-box's feature. The logo, [Graphene](https://en.wikipedia.org/wiki/Graphene), indicates the potential in the future.
 
 ## 🚀 Product Positioning
 
 Graph visualization can be layered into "graph analysis" and "graph editing" in the application field. The [background](#Background) above is actually about the graph analysis layer.
 
-- Graph Analysis: layout analysis and visual exploration of the graph. Typical product: [cambridge-intelligence](https://cambridge-intelligence.com/), [TigerGraph](https://testdrive.tigergraph.com), [Linkurio](https://crunchbase.linkurio.us/demo/),[Gephi](https://gephi.org/), [Palantir](https://www.palantir.com/), [Neo4j](https://neo4j.com/product/).
-- Graph Editing: editing, wiring, process management of the graph. Typical product: [draw.io](https://www.draw.io/), [mxGraph](https://github.com/jgraph/mxgraph), [ggEditor](http://ggeditor.com/).
+- Graph Analysis: layout analysis and visual exploration of the graph. Representative products are: [cambridge-intelligence](https://cambridge-intelligence.com/), [TigerGraph](https://testdrive.tigergraph.com), [Linkurio](https://crunchbase.linkurio.us/demo/),[Gephi](https://gephi.org/), [Palantir](https://www.palantir.com/), [Neo4j](https://neo4j.com/product/).
+- Graph Editing: editing, wiring, process management of the graph. Representative products are: [draw.io](https://www.draw.io/), [mxGraph](https://github.com/jgraph/mxgraph), [ggEditor](http://ggeditor.com/).
 
-Graphin is based on [G6](https://g6.antv.vision/) + React. G6 was a graphical visualization rendering engine before v3.1. It supports both graph analysis and graph editing. Starting from v3.1, G6 concentrates on graph analysis and hand over graph editing to [X6](https://x6.antv.vision/). Graphin use React's powerful component ecosystem and simple and declarative programming model to greatly reduce user's learning cost.
+Graphin is based on [G6](https://g6.antv.vision/) + React. G6 was a graphical visualization rendering engine before v3.1. It supports both graph analysis and graph editing. Starting from v3.1, G6 concentrates on graph analysis and hand over graph editing to [X6](https://x6.antv.vision/). Graphin utilise React's powerful component ecosystem with simple and declarative programming concepts to greatly reduce user's learning curve.
 
 Graphin benchmarks [ReGraph](https://cambridge-intelligence.com/regraph/) on product capabilities, and hopes to serve many graph analysis areas such as relationship analysis, knowledge graph, financial anti-fraud, logistics security, and infrastructure monitoring.
 
 ## 💼 Graph Visual Analysis Solution
 
-AntV is a new generation of data visualization solution for Ant Group. As part of its product matrix, Graphin hopes to find a way in the exploration of relational data, which can help developers improve efficiency and empower business. Therefore, on the AntV Open Source Day on 11.22, 2020, we launched the "AntV Graph Visual Analysis Solution" and its [sub-application area](https://graphin.antv.vision/solution/database/graph-database) The white paper on the solution is an introduction, and I hope to discuss with you and move forward.
+AntV is a new generation of data visualization solution for Ant Group. As part of its product matrix, Graphin hopes to find a way in the exploration of relational data, which can help developers improve efficiency and empower business. Therefore, on the AntV Open Source Day on 22 December 2020, we launched the "AntV Graph Visual Analysis Solution" and its [sub-application area](https://graphin.antv.vision/solution/database/graph-database) The white paper on the solution is an introduction, and I hope to discuss with you and move forward.
 
 ```jsx
 /**