首页 > 教程攻略 > ai资讯 >DeepSeek+HTML,一键生成可视化图表!

DeepSeek+HTML,一键生成可视化图表!

来源:互联网 时间:2026-06-27 13:42:03

数据可视化听起来很高大上,但真正动手做图表常常让人头疼——又要分析数据,又要选类型,还要调样式。现在,DeepSeek遇上HTML,局面一下子简单了。你只需要把原始数据传上去,再写一句提示词,图表就能自动生成,折线图、柱形图、饼图甚至完整的数据看板,都能一键搞定。下面就用一组超市零售数据来演示,具体怎么操作,以及每一步能拿到什么效果。

先研究月度销售额趋势。把超市零售数据上传到DeepSeek,输入下面这句提示词:

将超市零售数据按月汇总销售额,生成月度销售额趋势图折线图,并生成html图表,可视化效果要求美观,html代码确保可运行。

DeepSeek很快返回了一段HTML代码,点击运行就能看到折线图效果。下边就是生成的图表。

接着看不同产品类别的销售额情况。这次要柱形图,提示词换成:

按产品类别统计总销售额,并按产品类别统计的总销售额数据,生成不同产品类别销售额柱状图,并生成html图表,可视化效果要求美观,html代码确保可运行。

生成的柱形图清晰展示了各品类之间的销售额差距,对比起来一目了然。

再来一个散点图,条件稍微复杂一点:筛选出单价低于50但总销售额排名前10的产品。这种数据筛选和可视化一体化,完全交给DeepSeek处理:

计算每个产品的平均单价(销售额/销售量),筛选出单价低于50但总销售额排名前10的产品,列出产品名称、销售量、销售额,并生成散点图,并生成html图表,可视化效果要求美观,html代码确保可运行。

输出的散点图既完成了数据筛选,又直观呈现了这些产品的分布情况。

最后做个饼图,看看高价值产品和低价值产品的销售额占比。把产品分为高价(电器、家具)和低价(食品、百货、水果、服装)两类:

将产品分为高价(电器、家具)和低价(食品、百货、水果、服装),计算两类总销售额占比,生成饼图,并生成html图表,可视化效果要求美观,html代码确保可运行。

生成的饼图支持动态交互,鼠标悬停就能看到具体数值。

从单一图表到数据看板

单张图表已经够方便,但如果想一次性看到多个维度的数据,还需要一个数据看板。我把前面的提示词整合优化了一下,输入下面这个综合提示词:

请分析上传的数据生成数据看板,以HTML形式输出,要求如下:

1.数据洞察:提取关键数据指标,使用合适的可视化图表

2.可视化规范:采用现代化UI设计风格,配色协调专业,分为多个卡片式区块,每块区域中有一个图表,图表类型选择需符合数据类型特点

3.整体布局:整体背景色为浅蓝色渐变,内容区域使用白色卡片配合阴影效果,页面宽度自适应,支持响应式设计

4.指标卡片区:包含三到四个指标卡片,每行排列,间距均匀,卡片左侧指标名称和数值

5.输出要求:生成完整可运行的HTML代码,兼容主流浏览器,响应式布局适配不同设备

6.增强要求:包含交互式图表元素,添加关键指标摘要面板,支持数据下钻分析功能

跑出来的数据看板,内容比单一图表丰富多了:关键指标卡片排布整齐,多张图表覆盖不同维度,还能交互下钻。拿去汇报的话,效果直接拉满。

当然,HTML支持的图表类型远不止这几种。实际业务中,可以根据分析需要选择最合适的图表,比如雷达图、面积图、箱线图等,核心原则是让数据自己说话。

以上,就是 DeepSeek + HTML 一键生成可视化图表的完整流程。这方法打破了传统图表制作的繁琐步骤,省去了大量数据处理和样式调整的时间。学会它,无论你身处哪个行业,都能更快地挖掘数据价值,辅助决策。

相关下载