讲师中心 微信公众号
AI工具推荐 视频效率加速

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

冬辰酱_7637

冬辰酱_7637

发布时间:2025-04-23 21:20:01

|

1165人浏览过

|

来源于php中文网

原创

deepseek以极强的推理能力,支持生成各种代码,比如python、sql、matlab、js、html等,你可以拿这些代码放到编译器里,就能直接跑出结果,比如机器学习算法、exe应用、可视化图表、web应用。

最近发现了一个好玩的场景,使用DeepSeek生成HTML来制作可视化数据看板。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

数据看板是职场中常见的数据展现形式,一般用Excel、Tableau、PowerBI来做,但现在DeepSeek也能帮你完成简单的看板搭建工作。

你只需要给到数据和需求描述,DeepSeek便直接给出HTML代码,放到浏览器里就能生成酷炫的数据看板。

第一步:上传csv数据

以手机销售的数据集来测试,格式为csv,上传到DeepSeeK并提问,让它生成一份数据监测看板。

立即学习“前端免费学习笔记(深入)”;

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

因为目前DeepSeek只能识别文本格式的文件,所以最好是将数据保存为csv格式。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞
第二步:输入提示语

上传文件后,直接输入模板化提示语,或者根据需求做调整,也可以做一些提示优化,有可能会得出更好的结果。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

后台看板,获取模板提示语+示例数据+示例代码

第三步:执行HTML代码

DeepSeek会根据你的需求,先分析数据,再将分析的结果生成HTML代码。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

DeepSeek的网页版支持直接执行HTML代码,你可以先预览下效果,不满意的话再优化提示语。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

最后的效果如下:

小龙虾-DeepSeek版
小龙虾-DeepSeek版

小龙虾-DeepSeek版超级编程助手,支持编程、写代码、代码审查、调试、优化、解释、重构。使用DeepSeek官方API,具备多轮对话上下文记忆。

下载
超强!DeepSeek+HTML制作数据看板,老板看了都点赞

这仅仅是使用模板提示语的情况下生成的数据看板,不管是UI还是数据布局,都还算不错,但不够定制化。

下面咱们提一些自定义需求,让DeepSeek优化一下看板。

代码语言:javascript代码运行次数:0运行复制
接下来优化数据看板,重新输出HTML。首先,给看板加个标题:手机销售数据监测看板。然后,下面有一组横向的数据总览,展示几个关键的数据指标。最后有四个数据图表,上下各两个,分别展示月度销售额趋势、手机颜色销量占比、不同内存配置销售额的分布、不同颜色总利润的占比。

这回DeepSeeK根据特定需求做调整,生成数据看板看起来专业很多。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

除了可以在DeepSeek网页上执行HTML代码之外,还可以在电脑本地新建一个HTML文件,将代码复制进去,用浏览器打开即可。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

浏览器打开效果如下:

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

类似上面的数据看板,你还可以制作其他各种卡片,比如小红书图文。

小红书有特色的卡片形式,能清晰地展示各种内容和流程,这种卡片相比文字往往会有更高的浏览量。

比如,先问DeepSeek如何打造一个爆款小红书笔记, 然后让它将内容整理成小红书卡片。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

接着让DeepSeek梳理内容,并输出为html代码。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

最后会渲染出一个小红书卡片,里面是打造爆款小红书的教程。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞

以下是我尝试做过的各种小红书卡片,仅供参考。

超强!DeepSeek+HTML制作数据看板,老板看了都点赞
超强!DeepSeek+HTML制作数据看板,老板看了都点赞

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

相关专题

更多
fprintf在matlab中的用法
fprintf在matlab中的用法

fprintf是MATLAB中用于格式化输出的函数。fprintf的基本语法为“fprintf(fileID, format, A)”,其中,fileID是一个标识符,用于指定要写入的文件,如果要将数据写入到命令窗口中,则可以使用1作为fileID的值,format是一个字符串,用于指定输出的格式,A是要输出的数据。

758

2023.09.28

数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

4583

2023.10.12

Matlab中length函数的用法
Matlab中length函数的用法

在Matlab中,length函数用于返回向量、数组或字符串中的元素个数。想了解更多length函数的相关内容,可以阅读本专题下面的文章。

518

2023.11.22

Matlab中axis函数用法
Matlab中axis函数用法

在Matlab中,axis函数用于控制坐标轴的范围和比例。想了解更多axis函数的相关内容,可以阅读本专题下面的文章。

912

2023.11.23

subplot在matlab中的用法
subplot在matlab中的用法

subplot在matlab中用于在同一个图窗中创建多个子图。通过指定子图的行数、列数和当前绘图位置,可以在每个子图中绘制不同的图形。想了解更多subplot在matlab中的用法,可以访问下面的文章。

237

2023.11.27

scilab和matlab的区别
scilab和matlab的区别

scilab和matlab的区别:1、注释符号;2、预设变量的表示;3、操作符的用法;4、矩阵的定义与调用;5、程序的编辑与执行;6、数据类型;7、函数库;8、图形界面;9、社区支持与生态系统;10、跨平台兼容性;11、价格。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

289

2023.12.11

Matlab如何四舍五入
Matlab如何四舍五入

Matlab可以通过round函数和格式化输出函数来对数值来进行四舍五入操作。更多关于Matlab相关的问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1157

2023.12.12

Matlab中axis函数用法介绍
Matlab中axis函数用法介绍

在Matlab中,axis函数用于设置当前坐标轴的范围和刻度。想了解更多axis函数的相关内容,可以阅读本专题下面的文章。

283

2023.12.13

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

20

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
腾讯元宝使用手册
腾讯元宝使用手册

共0课时 | 0人学习

DeepSeek手册
DeepSeek手册

共0课时 | 0人学习

Uvicorn官方安装与入门手册
Uvicorn官方安装与入门手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn