From 51efbc5b409bd6e7d53ec9cb60705345df466592 Mon Sep 17 00:00:00 2001
From: MiniPear <pearminipro@gmail.com>
Date: Thu, 16 Nov 2023 16:56:39 +0800
Subject: [PATCH] docs: add eco to README

---
 README.md       | 17 ++++++++++++-----
 README.zh-CN.md |  7 +++++++
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 8c7a8a913b..b30669e6e9 100644
--- a/README.md
+++ b/README.md
@@ -70,11 +70,11 @@ const chart = new Chart({
 
 // Specify visualization.
 chart
-  .interval()                   // Create an interval mark and add it to the chart.
-  .data(data)                   // Bind data for this mark.
-  .encode('x', 'genre')         // Assign genre column to x position channel.
-  .encode('y', 'sold')          // Assign sold column to y position channel.
-  .encode('color', 'genre');    // Assign genre column to color channel.
+  .interval() // Create an interval mark and add it to the chart.
+  .data(data) // Bind data for this mark.
+  .encode('x', 'genre') // Assign genre column to x position channel.
+  .encode('y', 'sold') // Assign sold column to y position channel.
+  .encode('color', 'genre'); // Assign genre column to color channel.
 
 // Render visualization.
 chart.render();
@@ -84,6 +84,13 @@ If all goes well, you can get the following lovely bar chart!
 
 <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XqCnTbkpAkQAAAAAAAAAAAAADmJ7AQ/fmt.webp" width="640" alt="example">
 
+## 🌍 Ecosystem
+
+- [@berryv/g2-react](https://github.com/pearmini/g2-react) - G2 的轻量级 React 组件，没有额外特性。
+- [@antv/g2-extensions](https://github.com/antvis/g2-extensions) - G2 的一系列插件库，包含 3D 和智能可视化等。
+- [@antd/charts](https://github.com/ant-design/ant-design-charts) - React 的图表库，基于 [G2](https://github.com/antvis/G2), [G6](https://github.com/antvis/G6), [X6](https://github.com/antvis/X6), [L7Plot](https://github.com/antvis/L7Plot).
+- [更多...](https://github.com/antvis/G2/discussions/5772)
+
 ## 📮 Contributing
 
 - [Issues](https://github.com/antvis/g2/issues) - report bugs or request features
diff --git a/README.zh-CN.md b/README.zh-CN.md
index cbef5e8415..0dd3241778 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -86,6 +86,13 @@ chart.render();
 
 <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XqCnTbkpAkQAAAAAAAAAAAAADmJ7AQ/fmt.webp" width="640" alt="example">
 
+## 🌍 生态
+
+- [@berryv/g2-react](https://github.com/pearmini/g2-react) - The lightweight react component for G2, without extra features.
+- [@antv/g2-extensions](https://github.com/antvis/g2-extensions) - The one-stop shop for official G2 extensions, such as 3d visualization, automated visual analytics, etc.
+- [@antd/charts](https://github.com/ant-design/ant-design-charts) - The React chart library, based on [G2](https://github.com/antvis/G2), [G6](https://github.com/antvis/G6), [X6](https://github.com/antvis/X6), [L7Plot](https://github.com/antvis/L7Plot).
+- [More...](https://github.com/antvis/G2/discussions/5772)
+
 ## 📮 参与贡献
 
 - [问题](https://github.com/antvis/g2/issues)： 报告 bug 或者提出需求