更多Dash应用开发干货知识、案例，欢迎关注"玩转Dash"微信公众号👇

1 简介

大家好我是费老师。Dash作为Python生态中强大的全栈应用开发框架 ，依托于其丰富✨的组件库生态 ，使得我们可以纯Python实现各种各样丰富的应用功能。

今天的文章中要给大家介绍的，就是我们近期正式发布的信息图可视化 组件库feffery_infographic（下文中简称fi）：

Github仓库地址：https://github.com/HogaStack/feffery-infographic
Gitee镜像同步仓库地址：https://gitee.com/cnfeffery/feffery-infographic

底层基于当下AI应用领域 非常热门🔥的信息图可视化框架AntV Infographic，提供了大量新颖美观的新型信息图可视化功能，非常适合用于智能商业分析等当下炙手可热的AI应用场景：

2 feffery-infographic的使用

fi的安装非常简单，终端执行下列命令完成最新版本安装：

bash 复制代码

pip install feffery-infographic -U

我们主要使用fi里的Infographic()组件渲染信息图可视化 ，其本质是基于信息图语法 来生成商业分析可视化，下面是一个简单的例子，执行python app.py运行：

Python 复制代码

import dash
from dash import html
import feffery_infographic as fi

app = dash.Dash(__name__)

app.layout = html.Div(
    [
        fi.Infographic(
            # 定义信息图语法
            syntax="""
infographic list-row-simple-horizontal-arrow
data
  items
    - label 步骤 1
      desc 开始
    - label 步骤 2
      desc 进行中
    - label 步骤 3
      desc 完成
""",
        )
    ],
    style={'padding': 50},
)

if __name__ == '__main__':
    app.run(debug=True)

其核心参数syntax用于定义所绘制的信息图类型、信息图主题、信息图风格等视觉要素，对应的信息图语法 类似mermaid图表语法。

参考资料：https://infographic.antv.vision/learn/infographic-syntax

fi可实现AntV Infographic中目前支持的数百种不同类型的商业分析信息图：

参考资料：https://infographic.antv.vision/gallery

更典型的使用场景是在大模型 驱动的智能分析应用中，由AI负责根据实际要求自动生成信息图语法，这里你可以利用到fi中内置的系统提示词作为参考：

python 复制代码

from feffery_infographic.prompts import base_prompt, base_prompt_en

# 中文版提示词
base_prompt

# 英文版提示词
base_prompt_en

除此之外，fi中的信息图组件还支持可编辑 、图片下载 、流式更新等高级功能，具体参数说明及使用示例请移步文档：

Github仓库地址：https://github.com/HogaStack/feffery-infographic
Gitee镜像同步仓库地址：https://gitee.com/cnfeffery/feffery-infographic

更多参考资料：

信息图语法在线编辑器：https://infographic.antv.vision/editor

篇幅有限，更多基于fi的智能分析应用开发实战案例，我们将在后续文章中陆续更新，敬请期待~

更多有关Dash应用开发的干货内容，欢迎持续关注我们❤️

新组件库fi发布，轻松实现新一代声明式信息图可视化

1 简介

2 feffery-infographic的使用