如何通过fi组件库轻松实现新一代声明式信息图可视化?

摘要:更多Dash应用开发干货知识、案例,欢迎关注“玩转Dash”微信公众号👇 1 简介 大家好我是费老师。Dash作为Python生态中强大的全栈应用开发框架,依托于其丰富✨的组件库生态,使得我们可以纯Pytho
更多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的安装非常简单,终端执行下列命令完成最新版本安装: pip install feffery-infographic -U 我们主要使用fi里的Infographic()组件渲染信息图可视化,其本质是基于信息图语法来生成商业分析可视化,下面是一个简单的例子,执行python app.py运行: 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中内置的系统提示词作为参考: 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应用开发的干货内容,欢迎持续关注我们❤️