超强!DeepSeek+HTML制作数据看板,老板看了都点赞
发布时间:2025-04-24 编辑:游乐网
deepseek以极强的推理能力,支持生成各种代码,比如python、sql、matlab、js、html等,你可以拿这些代码放到编译器里,就能直接跑出结果,比如机器学习算法、exe应用、可视化图表、web应用。
最近发现了一个好玩的场景,使用DeepSeek生成HTML来制作可视化数据看板。

数据看板是职场中常见的数据展现形式,一般用Excel、Tableau、PowerBI来做,但现在DeepSeek也能帮你完成简单的看板搭建工作。
你只需要给到数据和需求描述,DeepSeek便直接给出HTML代码,放到浏览器里就能生成酷炫的数据看板。
第一步:上传csv数据以手机销售的数据集来测试,格式为csv,上传到DeepSeeK并提问,让它生成一份数据监测看板。
立即学习“前端免费学习笔记(深入)”;

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

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

后台看板,获取模板提示语+示例数据+示例代码
第三步:执行HTML代码DeepSeek会根据你的需求,先分析数据,再将分析的结果生成HTML代码。

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

最后的效果如下:

这仅仅是使用模板提示语的情况下生成的数据看板,不管是UI还是数据布局,都还算不错,但不够定制化。
下面咱们提一些自定义需求,让DeepSeek优化一下看板。
代码语言:javascript代码运行次数:0运行复制接下来优化数据看板,重新输出HTML。首先,给看板加个标题:手机销售数据监测看板。然后,下面有一组横向的数据总览,展示几个关键的数据指标。最后有四个数据图表,上下各两个,分别展示月度销售额趋势、手机颜色销量占比、不同内存配置销售额的分布、不同颜色总利润的占比。登录后复制
这回DeepSeeK根据特定需求做调整,生成数据看板看起来专业很多。

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

浏览器打开效果如下:

类似上面的数据看板,你还可以制作其他各种卡片,比如小红书图文。
小红书有特色的卡片形式,能清晰地展示各种内容和流程,这种卡片相比文字往往会有更高的浏览量。
比如,先问DeepSeek如何打造一个爆款小红书笔记, 然后让它将内容整理成小红书卡片。

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

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

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


相关阅读
MORE
+- 通俗讲解DeepSeek开源:DeepEP,究竟是个啥?(第二弹) 04-24 【deepseek用例生成平台-10】公告功能前端实现 04-24
- 马斯克xAI发布新一代大模型Grok3霸榜各个榜单,超越Open AI o1和DeepSeek r1! 04-24 一条神奇的指令,DeepSeek直接文生图 04-24
- DeepSeek FlashMLA:技术架构与原理解析 04-24 微软甩开OpenAI自研大模型,还计划用DeepSeek 04-24
- 非常丝滑,腾讯元宝已支持deepseek R1 04-24 Python+DeepSeek新玩法:一句话搞定应用生成+发布 04-24
- IDEA集成满血DeepSeek,写代码比抄作业还快! 04-24 通俗讲解DeepSeek开源:DualPipe,究竟是个啥?(第四弹) 04-24
- 使用 DeepSeek 和 Ollama 搭建一个本地知识库系统(包含完整代码) 04-24 突破性创新!无服务器强化微调技术问世,仅需少量数据即可实现性能提升,效率高达DeepSeek和o1的三倍以上。 04-24
- 对于企业私有大模型DeepSeek的部署,应该选择Ollama还是vLLM? 04-24 DeepSeek开源周第三天:FP8 通用矩阵乘法 (GEMM)库 04-24
- Deepseek+Zotero读文献,7天熟悉一个领域! 04-24 DeepSeek 的张量切片重计算和动态精度调节技术 04-24
- 工业智能化再添利器!如何用DeepSeek开启企业级AI新范式? 04-24 “小力出奇迹”的DeepSeek,也难逃大模型安全短板? 04-24