@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 +36 -16
- package/README.zh-CN.md +31 -17
- package/dist/infographic.min.js +2 -2
- package/dist/infographic.min.js.map +1 -1
- package/esm/options/parser.js +0 -1
- package/lib/options/parser.js +0 -1
- package/package.json +3 -4
- package/src/options/parser.ts +0 -1
package/README.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
|
-
# AntV Infographic
|
|
2
1
|
|
|
3
|
-
|
|
4
|
-
|
|
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
|
[](https://www.npmjs.com/package/@antv/infographic)
|
|
7
|
-
[](https://github.com/antvis/infographic/actions)
|
|
8
12
|
[](./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
|
-
|
|
68
|
+
Then you can see the infographic rendered in the container.
|
|
48
69
|
|
|
49
|
-
|
|
70
|
+

|
|
50
71
|
|
|
51
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1
|
+
<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> 简体中文 | [English](/README.md)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
<div align="center">
|
|
4
4
|
|
|
5
|
-
|
|
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
|
[](https://www.npmjs.com/package/@antv/infographic)
|
|
9
|
-
[](https://github.com/antvis/infographic/actions)
|
|
10
13
|
[](./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
|
+

|
|
52
67
|
|
|
53
|
-
|
|
54
|
-
**[https://infographic.antv.vision](https://infographic.antv.vision)**
|
|
68
|
+
更多示例请参考[文档站点](https://infographic.antv.vision/examples)。
|
|
55
69
|
|
|
56
|
-
## 📄 许可证
|
|
57
70
|
|
|
58
|
-
|
|
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
|
-
|
|
69
|
-
- 参与 [GitHub Discussions](https://github.com/antvis/infographic/discussions) 与社区交流
|
|
70
|
-
- 欢迎参与贡献,一起完善 AntV Infographic!
|
|
84
|
+
## 📄 许可证
|
|
71
85
|
|
|
72
|
-
|
|
86
|
+
本项目基于 **MIT** 许可开源,详见 [LICENSE](./LICENSE)。
|