当前位置：网站首页 > 文章教程 > 正文

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

yund56 2025-05-12 16:42 32 浏览

DeepSeek以极强的推理能力，支持生成各种代码，比如Python、SQL、Matlab、JS、HTML等，你可以拿这些代码放到编译器里，就能直接跑出结果，比如机器学习算法、exe应用、可视化图表、web应用。

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

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

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

第一步：上传csv数据

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

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

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

后台回复：看板，获取模板提示语+示例数据+示例代码

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

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

最后的效果如下：

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

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

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

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

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

浏览器打开效果如下：

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

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

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

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

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

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