在数据驱动的时代,数据图表已成为表达观点、支持决策的必备工具。传统数据可视化的痛点在于学习门槛高、维护成本大、交互能力弱。

目前,DeepSeek还不支持直接绘制图表输出图像,但可以生成程序代码在本地环境运行,也可以生成结构化文本结合第三方工具,间接地制作可视化图表。基于Deepseek制作可视化图表,让我们可以“一句话生成专业图表”。

8.2.1 HTML可视化图表

基于Deepseek自动生成HTML代码,支持通过自然语言指令快速生成可嵌入网页、博客或PPT 的动态图表,显著降低了技术门槛,极大地提高了开发效率,特别适用于快速构建可交互数据看板。

Deepseek-HTML自动生成代码的工作流程包括以下步骤。

1. 数据需求描述:用户输入结构化需求说明,推荐采用“图表类型+数据特征+样式需求”的表述方式。

2. 代码自动生成:系统自动生成完整 HTML/CSS/JavaScript 代码包,包含模块化封装的图表组件和详细的 API 注释。

3. 迭代优化:用户可以通过补充指令进行功能扩展或样式微调。

生成HTML图表

为了便于读者学习,本节使用第三方工具Cherry Studio进行示范,可以直接预览生成的网页效果。

1. 上传数据文件。点击Cherry Studio对话框下方工具栏中“打开文件”按钮,选择数据文件(如“销售数据表.csv”),对话框中将显示上传的文件(图8-6②)。

2. 描述绘图要求。向DeepSeek提出要求如下,明确对数据、图表类型和样式的需求。

【请根据上传文件“销售数据表.csv”,用折线图展示产品TM1、GE3、XM5、LI6的销量,X轴为月份,Y轴为销量;使用浅色背景,图表宽度占满容器;输出HTML代码。】。

3. DeepSeek生成HTML代码。如图8-6所示,DeepSeek生成基于销售数据表的折线图HTML代码,展示TM1、GE3、XM5、LI6四款车型的销量趋势。

代码区右上角的图标按钮“下载”(图8-6③)用于下载代码并保存为本地文件,“复制”(图8-6④)用于复制代码到粘贴板。点击代码区左下角的按钮“预览”(图8-6⑤),可以预览HTML代码的实际运行效果,如图8-7所示。点击“外部浏览器打开”(图8-6⑥),可以打开浏览器查看代码的网页效果。

图8-6:使用DeepSeek生成HTML可视化图表代码

图8-7:HTML可视化图表预览

迭代优化图表看板

通过预览可视化图表的运行效果,可以通过多轮调整和反馈来逐步优化图表效果。

1. 对图表进行功能扩展。

例如,向DeepSeek提出要求如下,将销量折线图扩展为数据看板。【请根据上传的销售数据表生成数据看板,包括标题、销售数据柱状图和车型份额饼图、销售数据表,输出HTML代码。】。

2. 对图表进行样式微调。

根据输出HTML代码的预览效果,向DeepSeek提出微调指令,调整数据看板的样式。

【请根据如下要求调整数据看板的样式。1、显示TOP10车型销量条形图,2,显示车型份额饼图,对于份额小于5%的车型汇总后以“其它”表示,3、销量表包括以下列:排名、车型、总销量、分月销量,按总销量排序,4、条形图和饼图水平布局,销量表位于图下方居中位置。重新输出 HTML代码】。

3. 代码生成与网页预览。DeepSeek根据微调指令生成新的数据看板HTML代码。点击“外部浏览器打开”,查看网页效果如图8-8所示。

图8-8:HTML可视化图表预览

8.2.2 Matplotlib可视化编程

使用Python语言的Matplotlib库可以生成高质量的可视化图表代码,但需要学习很多API函数和参数、手动调整图表样式,多子图组合或交互式图表对编程能力的要求更高。

基于Deepseek自动生成Python程序制作可视化图表,直接采用自然语言接口,用户仅需描述数据类型、图表类型和定制化需求,Deepseek就自动生成完整的Python代码。Matplotlib是Python最常用的绘图库,可以绘制折线图、散点图、条形图、柱状图、饼状图、箱线图、直方图、时序图、极坐标图、3D 图形等各种静态、动态、交互式的图表。

Deepseek-Python自动生成代码的工作流程包括以下步骤。

1. 数据需求描述:用户详细说明数据来源和对图表的样式控制要求。

2. 代码自动生成:Deepseek自动生成Python代码。

3. 代码调试:将生成的Python代码复制到IDE中调试和运行,显示图表效果。

4. 迭代优化:通过补充指令进行功能扩展或样式微调,修改图表内容和样式。

以绘制销售数据分析的可视化图表为例具体介绍如下。

1. 上传数据文件。使用Deepseek网页版或Cherry Studio等工具,点击“打开文件”按钮,选择数据文件(如“销售数据表.csv”)。

2. 描述绘图要求。向DeepSeek提出要求如下,详细描述对数据、图表和样式需求。

【请根据上传的销售数据表,使用Python语言matplotlib库绘制图表。要求如下:

1、在代码中通过变量直接赋值数据,不作为数据文件读取。

2、画布上下左右边距均为10%;标题为“新能源汽车销售数据分析”;位于上方居中,在标题下方绘制折线图和饼图,左右排列。

3、折线图展示总销量前5名产品的月销量,X轴为月份,Y轴为销量,图例位于子图内的右上角,对曲线平滑处理。

4、饼图展示车型份额,对于份额小于5%的车型汇总后以“其它”表示。

5、图表包含标题、图例、刻度等元素,字体与图表大小协调。

6、注意数据文件和输出图表中可能包含中文字符。

7、输出内容为Python源程序。】

图8-9:Deepseek自动生成Python可视化代码

图8-10:Python代码输出的可视化图形

3. DeepSeek生成Python程序代码。

DeepSeek的思考过程和主要处理步骤如下,生成如图8-9所示的Python程序代码。

我们将按照要求编写代码:

1. 直接赋值数据:我们将销售数据直接以变量形式赋值,包括品牌、各月销量等。

2.画布设置:上下左右边距5%,标题居中,下方左右排列折线图和饼图。

3.折线图:展示总销量前5名产品的月度销量,进行曲线平滑处理(这里我们使用移动平均平滑)。

4.饼图:展示车型份额,小于5%的合并为“其它”。

5.图表元素:包含标题、图例、刻度,字体大小协调,图例在子图区域内。

6.中文支持:设置中文字体,防止乱码。

7.输出完整的Python源程序,包括注释。

步骤:

1.导入必要的库:matplotlib, numpy, pandas(用于数据处理,但注意要求直接赋值,所以不用读文件)

2.设置中文字体支持(如使用SimHei)

3.定义数据:品牌列表、各月销量(按品牌和月份)

4.计算总销量前5的品牌

5.绘制画布,并调整边距(使用subplots_adjust)

6.添加总标题

7.绘制折线图(平滑处理):取前5品牌,计算每个品牌的月度销量,然后进行移动平均平滑

8.绘制饼图:计算各品牌总销量,将小于5%的合并为“其它”

9.设置图例、标签等,并确保图例在子图区域内

10.显示图表

4. 代码调试:将生成的Python代码复制到PyCharm调试和运行,显示图表窗口如图8-10所示。

根据显示的图形效果,可以补充指令修改图形中所有元素及属性,如布局、位置、标题、坐标轴、刻度、范围、标签等。

8.2.3 Mermaid生成流程图甘特图

Mermaid是一种开源的文本驱动图表生成工具,可以在Markdown编辑器中通过简单的文本代码来创建和修改各种复杂的图表,如:流程图、时序图、甘特图、状态图、架构图、类图、饼图、框图、实体关系图等。

Mermaid生成流程图

流程图(Flow)可以用来绘制工作流程、业务流程或系统操作的步骤和顺序。

DeepSeek+Mermaid制作流程图的原理是通过自然语言理解和结构化代码转换来实现的。用户描述流程逻辑(如步骤顺序、条件分支、并行操作等),DeepSeek利用其语言理解能力识别节点和关系,自动生成Mermaid流程图代码,再通过可视化引擎渲染成直观的流程图。

Deepseek+Mermaid制作流程图的步骤如下:

1. 描述需求:用自然语言说明流程,明确生成流程图的需求。

2. 生成代码:DeepSeek根据需求和描述自动生成Mermaid代码,显示流程图。

3. 迭代优化:通过多轮对话修正分支逻辑或调整布局,迭代优化直到完成任务。

以绘制用户登录流程图为例具体介绍如下。

1. 描述处理流程。向DeepSeek提出绘制流程图的需求如下。

【请用Mermaid画一个流程图:用户登录时先验证用户名密码,失败返回错误,成功则进入主页。流程图按水平布局。】

2. 自动生成Mermaid代码和流程图。

Deepseek自动生成Mermaid代码,在Cherry Studio中直接显示为流程图。如图8-11所示,点击“预览”按键(图8-11①)显示流程图,点击“下载”可以将其保存为SVG或PNG格式的图片文件。

3. 导出Mermaid源码。

点击“源码”按键(图8-11②)显示Mermaid代码。将Mermaid代码复制粘贴到Typora中,也可以渲染生成流程图,如图8-12所示。

图8-11:使用Deepseek+Mermaid生成流程图

图8-12:Mermaid源码在Typora中生成流程图

Mermaid生成甘特图

甘特图(Gantt Chart)是一种以时间为横轴、任务为纵轴的条形图工具,可以将复杂的项目分解为可管理的任务,并通过可视化方式展示任务的起止时间、持续进度及依赖关系,从而提升规划效率和执行可控性。

DeepSeek+Mermaid制作甘特图的原理是通过自然语言解析和自动化代码生成实现的。用户描述项目计划(如任务名称、开始/结束时间、依赖关系等),DeepSeek利用其语言理解能力提取关键信息,自动生成Mermaid甘特图代码,再通过可视化引擎生成可视化图表。

Deepseek+Mermaid制作甘特图的步骤如下:

1. 描述需求:用自然语言描述项目计划,明确生成甘特图的需求。

2. 生成代码:DeepSeek根据需求和描述自动生成Mermaid代码,显示甘特图。

3. 迭代优化:通过多轮对话调整任务细节,直到完成任务。

以绘制大创项目实施的甘特图为例具体介绍如下。

1. 描述任务计划进度。

用自然语言描述项目的任务计划进度:【请针对大创项目实施流程创建甘特图,包括立项(3~4月)、实施(5~10月)、结题(11~12月)等阶段,并标注重要里程碑。以Mermaid代码输出。】。

2. 自动生成Mermaid代码和甘特图。

Deepseek自动生成Mermaid代码,在Cherry Studio中直接显示为甘特图,如图8-13所示。点击工具按键可以将其保存为图片,或下载Mermaid源码粘贴到Typora中渲染生成甘特图。

3. 指令微调。如果需要修改任务、时间或依赖关系,可以通过对话进行微调,如:【中期检查时间为9月15日,请进行调整。】。

图8-13:使用Deepseek+Mermaid生成甘特图

8.2.4 Xmind生成思维导图

思维导图(Mind Map)是一种视觉化的思维工具,使用节点、分支和连接线等元素,通过图形、关键词、颜色和层级结构,将复杂的信息以直观、简洁的方式呈现出来,可以帮助我们整理、记忆和激发创意。

DeepSeek结合Xmind制作思维导图的原理是语义层次分析和树形结构自动生成。用户描述思维框架,DeepSeek理解内容的逻辑从属关系,转换为Xmind的思维导图语法,生成层次清晰的树状思维导图。

Deepseek+Xmind制作思维导图的步骤如下:

1. 描述需求:用自然语言描述项目计划(如核心主题、分支要点、层级关系等),明确生成思维导图的需求。

2. 生成代码:DeepSeek根据需求和描述自动生成Mermaid代码,显示思维导图。

3. 格式转换:以Markdown格式输出后,可以在Xmind中调整思维导图的样式。

以分析大创项目报告绘制思维导图为例具体介绍如下。

1. 上传数据文件。点击Cherry Studio对话框下方工具栏中“打开文件”按钮,选择项目报告(如“无人机航线规划的模拟退火算法优化研究.doc”),对话框中将显示上传的文件。

2. 描述绘制思维导图的要求。向DeepSeek提出绘制思维导图的要求如下。

【请分析上传文档,根据文档内容生成Markdown格式文本,用于Xmind生成思维导图。】

图8-14:使用Deepseek+Xmind生成思维导图

3. DeepSeek自动生成Markdown格式的思维导图代码,将其保存为.md 文件,例如“航线规划算法研究思维导图.md”。

4. 打开Xmind软件或登录Xmind官网,导入Markdown格式的思维导图代码文件“航线规划算法研究思维导图.md”,就能生成思维导图,如图8-14所示。


往期回顾:

【人工智能通识专栏】第二十讲:科创项目选题

【人工智能通识专栏】第二十一讲:项目申报

【人工智能通识专栏】第二十二讲:项目管理与答辩

【人工智能通识专栏】第二十三讲:数据处理与分析

Logo

更多推荐