让图表更专业:Data-Analysis-Agent配色方案系统与图表样式美化实践
【免费下载链接】Data-Analysis-Agent🚀你的私人数据分析助手。通过对话式交互,自动生成可视化报表与商业洞察,让数据决策变得像聊天一样简单。 🚀 Your personal data analysis assistant. Say goodbye to complex SQL and Excel formulas. An LLM-powered data analysis agent. Chat with your data to instantly generate visualizations and business insights. Making>项目地址: https://gitcode.com/gh_mirrors/vi/Data-Analysis-Agent
Data-Analysis-Agent 是一个对话式数据分析助手,而它的「配色方案系统」正是让图表从"能看"到"专业"的关键:内置麦肯锡蓝、BCG 绿、贝恩红、安永黄四大咨询级商务配色,配合统一的 matplotlib/seaborn 图表样式预设与中文字体支持,上传数据即可一键生成可交互的专业可视化报表,让数据决策像聊天一样简单。
30秒上手:启动你的图表配色工作台 🚀
在体验配色方案系统之前,先花 30 秒把项目跑起来:
- 安装依赖:
pip install -r requirements.txt - 启动应用:
python app.py(Windows 用户可直接双击 start.bat) - 浏览器访问
http://localhost:5017
界面左侧上传 Excel/CSV 数据,右侧网格中内置 40+ 种图表类型(柱状图、桑基图、热力图、瀑布图……)。上传成功后,就可以进入配色方案的选择环节。
一键选择配色方案:4套咨询级商务色板 🎨
传统做法是手动去调色盘里挑色号,而 Data-Analysis-Agent 把这件事做成了「下拉框点一下」。四套配色方案统一定义在 charts/color_schemes.py 中,每套都包含完整的角色化颜色语义:
| 方案 | 主色 | 风格定位 | 适用场景 |
|---|---|---|---|
mckinsey麦肯锡蓝 | #003D7A深蓝 | 10 阶蓝绿金橙渐进 | 默认方案,通用商业报表 |
bcg波士顿咨询绿 | #006C5B深绿 | 6 阶由深到浅的绿色系 | 金融、可持续发展主题 |
bain贝恩红 | #E41E26深红 | 红灰白强对比 | 强调警示与关键指标 |
ey安永黄 | #FFD100金黄 | 黄灰明快搭配 | 活泼的演示与营销场景 |
每套方案不只有一串色值,还定义了primary(主色)、secondary(辅色)、accent(强调色),以及positive(正向/增长)、negative(负向/下降)、neutral(中性)三组语义色——这意味着柱状图中"增长"永远是绿、"下滑"永远是红,视觉语言天然符合商业习惯。
前端下拉框通过/api/color-schemes接口从 app.py 动态拉取方案列表(由 charts/color_schemes.py 的list_color_schemes()提供),保证前端选项与后端色板永远同步。
配色方案如何生效:从下拉框到图表颜色的完整链路 🔗
选中的方案会沿着一条清晰的数据流注入到每一个图表:
- 选择:templates/index.html 中的「配色方案」下拉框记录用户选择;
- 传递:点击"生成图表"时,
color_scheme随请求一起提交给后端(app.py); - 注入:chart_generate.py 将
color_scheme合并进options,再调用对应图表模块; - 消费:每个图表实现(如 charts/Bar_Chart/chart.py)从
options中读取方案名,调用get_color_scheme()取出主色与色阶。
这套设计的好处是解耦:图表模块不关心"当前是什么配色",只认统一的 options 字段。即使序列数量超过色板长度,get_colors_list()也会自动循环取色,多系列图表不会"断色"。
生成前,LLM 还会结合数据特征推荐 3~5 个最合适的图表类型并给出字段映射建议,选图 + 选配色,整条链路无需写任何代码。
图表样式美化预设:ChartStyle 统一管理 4 种风格 ✨
配色解决"颜色",样式预设解决"整体气质"。utils/style.py 中的ChartStyle类把 matplotlib 的rcParams和 seaborn 的 style/palette 打包成 4 个一键预设:
| 预设 | 调色板 | 字体 | 网格透明度 | 适合场合 |
|---|---|---|---|---|
academic学术风 | Greys 灰阶 | Times New Roman | 0.3 | 论文、正式报告 |
business商务风(默认) | Blues 蓝系 | 微软雅黑 | 0.2 | 商业演示、看板 |
tech深色科技风 | coolwarm 冷暖 | Consolas | 0.15 | 数据产品、监控大屏 |
warm暖色演示风 | Oranges 橙系 | 微软雅黑 | 0.25 | 路演、培训课件 |
调用ChartStyle.apply("business")后,字号、坐标轴边框(spines 是否显示)、网格强度、DPI(统一 150,保证导出清晰)全部就位——这正是"样式美化"从零散参数到标准化预设的升级。
细节加分项:中文字体与高分辨率输出 📐
中文图表最容易翻车的就是乱码与模糊,项目在两个细节上做了加固:
- 自带字体:仓库内置阿里巴巴普惠体 charts/AlibabaPuHuiTi-3-55-Regular.ttf,避免依赖系统字体导致缺字;各图表模块的 HTML 页面也统一使用
"Heiti SC", "Microsoft YaHei", sans-serif字体栈兜底; - 高分辨率导出:
figure.dpi与savefig.dpi统一设为 150,放大查看依然清晰; - 统一返回结构:所有图表必须遵循 charts/base.py 中定义的
ChartResult接口,保证 40+ 种图表的 HTML 输出、警告信息、元数据格式一致,配色改动一处生效全局。
效果验证:一张桑基图看专业感 📊
双击任一图表卡片可进入详情页,左侧是数据要求文档,右侧就是示例预览:
生成后的交互 HTML 可直接下载,例如选择麦肯锡蓝方案输出的分组柱状图——深蓝、中蓝、亮蓝、青、灰的递进层次,正是四大咨询级色板在起作用:
总结:配色方案系统的 3 个可借鉴设计 💡
回到标题——让图表更专业的,从来不是炫技,而是克制的工程化设计。Data-Analysis-Agent 的配色方案系统有 3 点值得学习:
- 语义化色板:positive/negative/neutral 角色色让"涨跌"表达有统一语言;
- 单点维护、全局生效:色板定义在 charts/color_schemes.py 一处,前端选项、后端接口、图表模块自动同步;
- 风格预设标准化:utils/style.py 的
ChartStyle把字体、网格、DPI 收敛为 4 个开箱即用的预设。
上手成本极低(安装依赖 + 一条启动命令),收益却是"开箱即专业的商业报表"。如果你想给自己的数据配上麦肯锡蓝的质感,现在就可以试试了。
【免费下载链接】Data-Analysis-Agent🚀你的私人数据分析助手。通过对话式交互,自动生成可视化报表与商业洞察,让数据决策变得像聊天一样简单。 🚀 Your personal data analysis assistant. Say goodbye to complex SQL and Excel formulas. An LLM-powered data analysis agent. Chat with your data to instantly generate visualizations and business insights. Making>项目地址: https://gitcode.com/gh_mirrors/vi/Data-Analysis-Agent
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考