@antv/infographic 0.1.0 → 0.1.2

package/README.md

@@ -1,4 +1,3 @@
-
 <img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [中文](./README.zh-CN.md) | English
 
 <div align="center">
@@ -11,7 +10,6 @@
 [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/build.yml)](https://github.com/antvis/infographic/actions)
 [![license](https://img.shields.io/npm/l/@antv/infographic.svg)](./LICENSE)
 
-
 <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EdkXSojOxqsAAAAAQHAAAAgAemJ7AQ/original" width="256">
 
 </div>
@@ -23,18 +21,19 @@ With unified syntax and component architecture, you can render structured data i
 
 [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)
 
-</div>
+<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ZdeISZWHuyIAAAAAbEAAAAgAemJ7AQ/fmt.webp" width="768" alt="AntV Infographic Preview">
 
+</div>
 
 ## ✨ Features
 
-- 📦 **Ready to Use**: Built-in 100+ infographic templates, data item components, and layouts for quickly building professional infographics
-- 🎨 **Theme System**: Supports hand-drawn (rough) style, gradients, patterns, multiple preset themes, and deep customization
-- 🧩 **Component Architecture**: Data items, structural layouts, and rendering units are fully componentized for flexible composition and extension
-- 📐 **High-Quality SVG Output**: SVG-based rendering by default, ensuring visual quality and editability
+- 📦 **Ready to use**: 100+ built-in templates, data-item components, and layouts to assemble infographics in minutes
+- 🎨 **Themeable**: Hand-drawn (rough), gradients, patterns, multiple presets, and deep customization
+- 🧩 **Composable**: Structures, items, and render units are fully componentized for flexible extension
 - 🎯 **Declarative Configuration**: Simple and clear configuration approach, ideal for AI generation, machine understanding, and automated workflows
-- 🤖 **AI-Friendly**: Complete JSON Schema definitions enable large language models to automatically generate usable configurations
 
+- 🤖 **AI-friendly**: Declarative config with JSON Schema, ideal for AI generation and automated workflows
+- 📐 **High-quality SVG**: Default SVG output for crisp visuals and easy editing/export
 
 ## 🚀 Installation
 
@@ -42,7 +41,6 @@ With unified syntax and component architecture, you can render structured data i
 npm install @antv/infographic
 ```
 
-
 ## 📝 Quick Start
 
 ```ts
@@ -65,13 +63,12 @@ const infographic = new Infographic({
 infographic.render();
 ```
 
-Then you can see the infographic rendered in the container.
+Render the infographic in the target container.
 
 ![](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uvj8Qb26F1MAAAAARAAAAAgAemJ7AQ/fmt.webp)
 
 For more examples, please refer to the [documentation](https://infographic.antv.vision/examples) site.
 
-
 ## 💬 Community & Communication
 
 - Submit your questions or suggestions on GitHub
@@ -84,7 +81,6 @@ If you have any suggestions, feel free to communicate with us on GitHub! Star
 - [GitHub Repository](https://github.com/antvis/infographic)
 - [Issue Tracker](https://github.com/antvis/infographic/issues)
 
-
 ## 📄 License
 
 This project is open source under the **MIT** license. See [LICENSE](./LICENSE) for details.

package/README.zh-CN.md

@@ -1,17 +1,17 @@
 <img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> 简体中文 | [English](/README.md)
 
-<div align="center"> 
+<div align="center">
 
 # Infographic, bring words to life!
 
 🦋 新一代信息图可视化引擎，让文字信息栩栩如生！
 
-<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EdkXSojOxqsAAAAAQHAAAAgAemJ7AQ/original" width="256">
-
 [![npm version](https://img.shields.io/npm/v/@antv/infographic.svg)](https://www.npmjs.com/package/@antv/infographic)
 [![build status](https://img.shields.io/github/actions/workflow/status/antvis/infographic/build.yml)](https://github.com/antvis/infographic/actions)
 [![license](https://img.shields.io/npm/l/@antv/infographic.svg)](./LICENSE)
 
+<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EdkXSojOxqsAAAAAQHAAAAgAemJ7AQ/original" width="256">
+
 </div>
 
 **AntV Infographic** 是 AntV 推出的新一代**声明式信息图可视化引擎**。
@@ -19,19 +19,20 @@
 
 <div align="center">
 
-[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)
+[官网](https://infographic.antv.vision) · [GitHub](https://github.com/antvis/infographic) · [文档](https://infographic.antv.vision/learn) · [示例](https://infographic.antv.vision/examples) · [AI 生成](https://infographic.antv.vision/ai)
 
-</div>
+<img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ZdeISZWHuyIAAAAAbEAAAAgAemJ7AQ/fmt.webp" width="768" alt="AntV Infographic 预览">
 
+</div>
 
 ## ✨ 特性
 
 - 📦 **开箱即用**：内置 100+ 信息图模板、数据项组件与布局，快速构建专业信息图
 - 🎨 **主题系统**：支持手绘（rough）、渐变、图案、多套预设主题，并支持深度自定义
 - 🧩 **组件化架构**：数据项、结构布局、渲染单元完全组件化，可灵活组合与扩展
-- 📐 **高质量 SVG 输出**：默认基于 SVG 渲染，保证视觉品质与可编辑性
 - 🎯 **声明式配置**：简单清晰的配置方式，更适合 AI 生成、机器理解与自动化流程
 - 🤖 **AI 友好**：完善的 JSON Schema 定义，使大模型可自动生成可用配置
+- 📐 **高质量 SVG 输出**：默认基于 SVG 渲染，保证视觉品质与可编辑性
 
 ## 🚀 安装
 
@@ -67,7 +68,6 @@ infographic.render();
 
 更多示例请参考[文档站点](https://infographic.antv.vision/examples)。
 
-
 ## 💬 社区与交流
 
 - 在 GitHub 提交你的问题或建议
@@ -78,8 +78,7 @@ infographic.render();
 
 - [AntV 官网](https://antv.antgroup.com/)
 - [GitHub 仓库](https://github.com/antvis/infographic)
-- [问题反馈 Issues](https://github.com/antvis/infographic/issues)
-
+- [问题反馈](https://github.com/antvis/infographic/issues)
 
 ## 📄 许可证