超强!DeepSeek+HTML制作数据看板,老板看了都点赞
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优化一下看板。
接下来优化数据看板,重新输出HTML。
首先,给看板加个标题:手机销售数据监测看板。
然后,下面有一组横向的数据总览,展示几个关键的数据指标。
最后有四个数据图表,上下各两个,分别展示月度销售额趋势、手机颜色销量占比、不同内存配置销售额的分布、不同颜色总利润的占比。
这回DeepSeeK根据特定需求做调整,生成数据看板看起来专业很多。
除了可以在DeepSeek网页上执行HTML代码之外,还可以在电脑本地新建一个HTML文件,将代码复制进去,用浏览器打开即可。
浏览器打开效果如下:
类似上面的数据看板,你还可以制作其他各种卡片,比如小红书图文。
小红书有特色的卡片形式,能清晰地展示各种内容和流程,这种卡片相比文字往往会有更高的浏览量。
比如,先问DeepSeek如何打造一个爆款小红书笔记, 然后让它将内容整理成小红书卡片。
接着让DeepSeek梳理内容,并输出为html代码。
最后会渲染出一个小红书卡片,里面是打造爆款小红书的教程。
以下是我尝试做过的各种小红书卡片,仅供参考。
相关文章
- JavaScript+css实现的计时器动画素材html页面前端源码
- 从零开始:用Canvas绘制你的第一个动画小作品
- 平滑升级!一文掌握CSS过渡与动画属性,让你的网页动起来!
- 现代CSS:纯 CSS 实现路径动画(实现路径动画常用的方法有)
- 资源分享:异常强大的预设css3动画库Animate
- 你的名字动漫高清动态壁纸(你的名字动态高清壁纸 手机壁纸)
- Dynamics.js – 创建逼真的物理动画的 JS 库
- 一个非常棒的 JS 动画引擎库(javascript动画库)
- 一款 Js 动画库,简单几行代码就能写出丝滑流畅、高性能的动画效果
- 25个不用flash也可以做出很酷动画效果的网页设计案例赏析