@antv/infographic 0.0.1-beta.8 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,12 +1,31 @@
1
- # AntV Infographic
2
1
 
3
- **AntV Infographic** is a next-generation **declarative infographic visualization engine** from AntV.
4
- With unified syntax and component architecture, you can render structured data into high-quality infographics in an elegant and flexible way, making information presentation more efficient and data storytelling simpler.
2
+ <img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [中文](./README.zh-CN.md) | English
3
+
4
+ <div align="center">
5
+
6
+ # Infographic, bring words to life!
7
+
8
+ 🦋 An Infographic Generation and Rendering Framework, bring words to life!
5
9
 
6
10
  [![npm version](https://img.shields.io/npm/v/@antv/infographic.svg)](https://www.npmjs.com/package/@antv/infographic)
7
- [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/ci.yml)](https://github.com/antvis/infographic/actions)
11
+ [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/build.yml)](https://github.com/antvis/infographic/actions)
8
12
  [![license](https://img.shields.io/npm/l/@antv/infographic.svg)](./LICENSE)
9
13
 
14
+
15
+ <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EdkXSojOxqsAAAAAQHAAAAgAemJ7AQ/original" width="256">
16
+
17
+ </div>
18
+
19
+ **AntV Infographic** is a next-generation **declarative infographic visualization engine** from AntV.
20
+ With unified syntax and component architecture, you can render structured data into high-quality infographics in an elegant and flexible way, making information presentation more efficient and data storytelling simpler.
21
+
22
+ <div align="center">
23
+
24
+ [Website](https://infographic.antv.vision) · [GitHub](https://github.com/antvis/infographic) · [Document](https://infographic.antv.vision/learn) · [Gallery](https://infographic.antv.vision/examples) · [AI Agent](https://infographic.antv.vision/ai)
25
+
26
+ </div>
27
+
28
+
10
29
  ## ✨ Features
11
30
 
12
31
  - 📦 **Ready to Use**: Built-in 100+ infographic templates, data item components, and layouts for quickly building professional infographics
@@ -16,12 +35,14 @@ With unified syntax and component architecture, you can render structured data i
16
35
  - 🎯 **Declarative Configuration**: Simple and clear configuration approach, ideal for AI generation, machine understanding, and automated workflows
17
36
  - 🤖 **AI-Friendly**: Complete JSON Schema definitions enable large language models to automatically generate usable configurations
18
37
 
38
+
19
39
  ## 🚀 Installation
20
40
 
21
41
  ```bash
22
42
  npm install @antv/infographic
23
43
  ```
24
44
 
45
+
25
46
  ## 📝 Quick Start
26
47
 
27
48
  ```ts
@@ -44,27 +65,26 @@ const infographic = new Infographic({
44
65
  infographic.render();
45
66
  ```
46
67
 
47
- For more examples, please refer to the documentation site.
68
+ Then you can see the infographic rendered in the container.
48
69
 
49
- ## 📚 Documentation
70
+ ![](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uvj8Qb26F1MAAAAARAAAAAgAemJ7AQ/fmt.webp)
50
71
 
51
- 👉 For complete documentation and template examples, visit:
52
- **[https://infographic.antv.vision](https://infographic.antv.vision)**
72
+ For more examples, please refer to the [documentation](https://infographic.antv.vision/examples) site.
53
73
 
54
- ## 📄 License
55
74
 
56
- This project is open source under the **MIT** license. See [LICENSE](./LICENSE) for details.
75
+ ## 💬 Community & Communication
76
+
77
+ - Submit your questions or suggestions on GitHub
78
+ - Join [GitHub Discussions](https://github.com/antvis/infographic/discussions) to communicate with the community
79
+ - Contributions are welcome! Let's improve AntV Infographic together!
57
80
 
58
- ## 🔗 Related Links
81
+ If you have any suggestions, feel free to communicate with us on GitHub! Star ⭐ us to show your support.
59
82
 
60
83
  - [AntV Official Website](https://antv.antgroup.com/)
61
84
  - [GitHub Repository](https://github.com/antvis/infographic)
62
85
  - [Issue Tracker](https://github.com/antvis/infographic/issues)
63
86
 
64
- ## 💬 Community & Communication
65
87
 
66
- - Submit your questions or suggestions on GitHub
67
- - Join [GitHub Discussions](https://github.com/antvis/infographic/discussions) to communicate with the community
68
- - Contributions are welcome! Let's improve AntV Infographic together!
88
+ ## 📄 License
69
89
 
70
- If you have any suggestions, feel free to communicate with us on GitHub! Star ⭐ us to show your support.
90
+ This project is open source under the **MIT** license. See [LICENSE](./LICENSE) for details.
package/README.zh-CN.md CHANGED
@@ -1,14 +1,29 @@
1
- 下面是优化后的 README,整体风格更专业、更清晰、更具有产品感,也更突出 AntV Infographic 的定位与优势。同时保持结构简洁、信息密度高、开源项目常见格式一致。
1
+ <img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> 简体中文 | [English](/README.md)
2
2
 
3
- # AntV Infographic
3
+ <div align="center">
4
4
 
5
- **AntV Infographic** AntV 推出的新一代**声明式信息图可视化引擎**。
6
- 通过统一的语法与组件体系,你可以将结构化数据以优雅、灵活的方式渲染为高质量的信息图,让信息表达更高效,让数据叙事更简单。
5
+ # Infographic, bring words to life!
6
+
7
+ 🦋 新一代信息图可视化引擎,让文字信息栩栩如生!
8
+
9
+ <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EdkXSojOxqsAAAAAQHAAAAgAemJ7AQ/original" width="256">
7
10
 
8
11
  [![npm version](https://img.shields.io/npm/v/@antv/infographic.svg)](https://www.npmjs.com/package/@antv/infographic)
9
- [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/ci.yml)](https://github.com/antvis/infographic/actions)
12
+ [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/build.yml)](https://github.com/antvis/infographic/actions)
10
13
  [![license](https://img.shields.io/npm/l/@antv/infographic.svg)](./LICENSE)
11
14
 
15
+ </div>
16
+
17
+ **AntV Infographic** 是 AntV 推出的新一代**声明式信息图可视化引擎**。
18
+ 通过统一的语法与组件体系,你可以将结构化数据以优雅、灵活的方式渲染为高质量的信息图,让信息表达更高效,让数据叙事更简单。
19
+
20
+ <div align="center">
21
+
22
+ [Website](https://infographic.antv.vision) · [GitHub](https://github.com/antvis/infographic) · [Document](https://infographic.antv.vision/learn) · [Gallery](https://infographic.antv.vision/examples) · [AI Agent](https://infographic.antv.vision/ai)
23
+
24
+ </div>
25
+
26
+
12
27
  ## ✨ 特性
13
28
 
14
29
  - 📦 **开箱即用**:内置 100+ 信息图模板、数据项组件与布局,快速构建专业信息图
@@ -46,27 +61,26 @@ const infographic = new Infographic({
46
61
  infographic.render();
47
62
  ```
48
63
 
49
- 更多示例请参考文档站点。
64
+ 然后你可以在容器中看到信息图渲染出来。
50
65
 
51
- ## 📚 文档
66
+ ![](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uvj8Qb26F1MAAAAARAAAAAgAemJ7AQ/fmt.webp)
52
67
 
53
- 👉 完整文档与模板示例请访问:
54
- **[https://infographic.antv.vision](https://infographic.antv.vision)**
68
+ 更多示例请参考[文档站点](https://infographic.antv.vision/examples)。
55
69
 
56
- ## 📄 许可证
57
70
 
58
- 本项目基于 **MIT** 许可开源,详见 [LICENSE](./LICENSE)。
71
+ ## 💬 社区与交流
59
72
 
60
- ## 🔗 相关链接
73
+ - GitHub 提交你的问题或建议
74
+ - 参与 [GitHub Discussions](https://github.com/antvis/infographic/discussions) 与社区交流
75
+ - 欢迎参与贡献,一起完善 AntV Infographic!
76
+
77
+ 如有任何建议,欢迎在 GitHub 上与我们交流!欢迎 Star ⭐ 支持我们。
61
78
 
62
79
  - [AntV 官网](https://antv.antgroup.com/)
63
80
  - [GitHub 仓库](https://github.com/antvis/infographic)
64
81
  - [问题反馈 Issues](https://github.com/antvis/infographic/issues)
65
82
 
66
- ## 💬 社区与交流
67
83
 
68
- - GitHub 提交你的问题或建议
69
- - 参与 [GitHub Discussions](https://github.com/antvis/infographic/discussions) 与社区交流
70
- - 欢迎参与贡献,一起完善 AntV Infographic!
84
+ ## 📄 许可证
71
85
 
72
- 如有任何建议,欢迎在 GitHub 上与我们交流!欢迎 Star ⭐ 支持我们。
86
+ 本项目基于 **MIT** 许可开源,详见 [LICENSE](./LICENSE)。