首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >自然语言制作无数据的数据看板

自然语言制作无数据的数据看板

作者头像
wujunmin
发布2026-05-13 16:08:27
发布2026-05-13 16:08:27
1380
举报

在《自然语言制作可重复使用的数据看板,无需Excel,无需BI》我介绍了导入数据的看板。 还有一种场景是用户本来没有数据,需要边生成数据边查看图表,下图的身高体重趋势是一个示例。用户定期输入自己的身高体重,点击“添加记录”按钮,身高、体重会连带当前日期传递给折线图,实时变化。

AI如下提示,作品瞬间完工:

代码语言:javascript
复制
生成一个身高体重数据监测看板的HTML代码。
一、核心功能:
1. 数据录入与持久化
1.1 页面顶部设输入区:身高(cm)、体重(kg)。
1.2 点击“添加”按钮:自动记录当前日期、身高、体重,并存入本地,关闭页面后数据不丢失。
2. 数据可视化与交互
2.1 页面中部用折线图展示身高和体重的历史趋势(两条独立曲线)。
2.2 添加数据或删除数据时,图表自动刷新。
2.3 提供日期范围选择器,用户可按时间段筛选图表数据。
3. 数据管理
3.1 “导出CSV”按钮:将所有历史数据导出为CSV文件。
3.2 “清空数据”按钮:一键清除所有历史记录(需二次确认)。
二、样式要求:
1. 暗黑科技风格。
2. 使用Google Fonts免费可商用字体。
3. 使用免费可商用图表库。
三、输出要求: 
生成可直接在浏览器中运行的独立HTML文件,包含完整的样式、脚本和必要的交互逻辑。

再次重复之前的观点:全球离线网页数量会大幅增加,取代Excel、BI、PPT的部分轻量级可视化场景。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-05-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档