0

0

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

爱谁谁

爱谁谁

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

|

1125人浏览过

|

来源于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+HTML制作数据看板,老板看了都点赞

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

知了zKnown
知了zKnown

知了zKnown:致力于信息降噪 / 阅读提效的个人知识助手。

下载

下面咱们提一些自定义需求,让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工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

485

2023.09.28

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

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

728

2023.10.12

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

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

315

2023.11.22

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

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

773

2023.11.23

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

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

142

2023.11.27

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

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

185

2023.12.11

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

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

405

2023.12.12

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

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

163

2023.12.13

clawdbot ai使用教程 保姆级clawdbot部署安装手册
clawdbot ai使用教程 保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

19

2026.01.29

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.4万人学习

Django 教程
Django 教程

共28课时 | 3.6万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.3万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号