游乐游手机版
首页/手机教程/文章详情

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

时间:2025-04-24 09:20
deepseek以极强的推理能力,支持生成各种代码,比如python、sql、matlab、js、html等,你可以拿这些代码放到编译器里,就能直接跑出结果,比如机器学习算法、ex

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还是数据布局,都还算不错,但不够定制化。

下面咱们提一些自定义需求,让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制作数据看板,老板看了都点赞
来源:https://www.php.cn/faq/1288266.html
上一篇【deepseek用例生成平台-12】项目前端 下一篇通俗讲解DeepSeek开源:DeepGEMM,究竟是个啥?(第三弹)
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
苹果iPhone 16地震预警设置与紧急提醒教程
手机教程 · 2026-07-03

苹果iPhone 16地震预警设置与紧急提醒教程

说个现实情况:iPhone 16本身并不内置原生地震预警功能。国内用户如果想在地震到来前争取到那几十秒的逃生窗口,只能依赖第三方官方App或轻量级的微信小程序。而且,系统设置里那个“政府警报”开关,实际上只对少数国家 地区的运营商生效,在国内基本是个摆设——这一点需要提前有个心理准备。那么,具体怎么

iPhone 18批量删除联系人方法及管理技巧
手机教程 · 2026-07-03

iPhone 18批量删除联系人方法及管理技巧

先说明一个前提:iPhone 18目前尚未发布,市面上能买到的量产机型仍然是iPhone 16系列(截至2026年6月),系统运行的是iOS 17 5或iOS 18开发者测试版。也就是说,本文所有关于“批量删除联系人”的操作方法,都是基于现有iOS 17 5及iCloud服务协议验证可行的原生路径,

苹果17如何关闭照片流功能及隐私安全设置
手机教程 · 2026-07-03

苹果17如何关闭照片流功能及隐私安全设置

你可能还不知道,iPhone 17里藏着一个小功能—— "我的照片流 ",它会在你不知情的时候,把近期拍的照片自动上传到iCloud,再同步到你所有登录了同一Apple ID的设备上。问题来了:如果你的某台设备借给了别人,或者被第三方应用钻了空子,那隐私照片可能就在你没察觉的时候,悄悄溜出去了。 所以,

腾讯课堂如何修改个人昵称设置方法教程
手机教程 · 2026-07-03

腾讯课堂如何修改个人昵称设置方法教程

腾讯课堂修改昵称需在手机APP操作:进入“我的”点击头像,找到“昵称”输入新名称,支持中英文数字及常见符号,不支持空格和emoji。子账号或旧版本可能隐藏入口。保存后实时同步,未更新时刷新或重启即可。

iPhone 18设置特定通知铃声及App声音管理
手机教程 · 2026-07-03

iPhone 18设置特定通知铃声及App声音管理

每个人手机里都有那么几个App,通知音却都是一个调子。微信消息“叮咚”,日历提醒也“叮咚”,实在有些无趣。iPhone 18(搭载iOS 18 1)已经支持为每个App单独设置通知音——你想让微信响起清脆的钢琴音,日历提醒用沉稳的钟声?完全可以实现。不过有个前提:自制音频必须是 m4r格式,时长不超