dify+LLM+echarts打造智能可视化数据分析AI助手

以往遇到一些数据分析需求,比如:业务给了1份excel数据,需要开发做个报表对其进行分析,并以图表展示。通常需要了解数据逻辑,进行适当开发,涉及到前后端,费时费力。现在有了AI后,可以用dify搭建个智能数据分析助手,全自动处理。

  1. 准备数据

我们准备2份excel示例数据(股票数据,以及销售数据)

2.运行效果

3、主要实现逻辑

3.1 流程图

创建1个chatflow,用到的节点参考上图,主要思路如下:

  • 开始 - 这里啥也不用干(系统内置了文件上传功能,用这个接收用户上传的excel即可)
  • 文档提取器 - LLM默认不认识excel文件,需要用文档提取器节点,把excel的内容提取出来,变成LLM能认识的文本
  • LLM节点 - 用大模型进行数据分析,本示例使用deepseek,设置参考下图
  • 参数提取器 - 最终结果希望将数据以图表形式展示,会用到echarts这个非常流行的插件,该插件需要特定格式的json,"参数提取器"能从前面LLM分析出来的结果中,提取出echarts所需要的json
  • 判断参数是否提取成功 - 【数据分析/参数提取】 并非100%成功,为了保证流程的健壮性,这里加一层判断
  • 输出结果 - 直接输出结果即可。如果参数提取成功,用echarts画图,同时输出分析结果

tips: echarts插件在dify中有很多种用法,最简单的方式,就是下面这种方式(

复制代码
```echarts
这里是echarts所需要的json数据
···

这也是官网echarts推荐的方式:

https://docs.dify.ai/zh-hans/workshop/basic/the-right-way-of-markdown#chart

3.2 文件上传&开场白 设置

开启文件上传功能,允许用户上传excel

开场白设置,可以更好的引导用户操作

小结

本文用dify 结合大模型及echarts插件,【零代码】就实现了一个通用智能数据分析助手。虽然本示例只接收文件上传,但只需稍微扩展,比如:加上db查询能力,就可以用自然语言从db里查询数据进行分析,适应更多的场景。此外,对于一些企业内部的专业性数据,还可以结合特定知识库,让分析结果更精确。

相关推荐
fruge20 小时前
前端可视化家庭账单:用 ECharts 实现支出统计与趋势分析
前端·javascript·echarts
菥菥爱嘻嘻2 天前
React + ECharts 实践:构建可交互的数据可视化组件
react.js·信息可视化·echarts
油炸小波3 天前
02-AI应用开发平台Dify
人工智能·python·dify·coze
gis分享者3 天前
学习threejs,添加ECharts图表
echarts·threejs·material·图表·canvastexture·planegeometry
油炸小波6 天前
Dify安装部署
dify
uncle_ll7 天前
RAG系统中的文本分块技术:从基础策略到智能分块的深度解析
llm·agent·dify·rag
打小就很皮...7 天前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话
青云交8 天前
Java 大视界 -- 基于 Java 的大数据可视化在企业生产运营监控与决策支持中的应用
java·echarts·数据采集·实时监控·大数据可视化·智能决策·企业生产运营
小王码农记8 天前
vue2中实现天气预报
前端·javascript·vue.js·echarts
java1234_小锋10 天前
[免费]基于Python的农产品可视化系统(Django+echarts)【论文+源码+SQL脚本】
python·信息可视化·django·echarts