你会得到

  • 无依赖的 React 热力图组件,props 带类型
  • 同一份日历的单 HTML 文件版,数据放在 JSON 块里
  • 把 git log、CSV 或 JSON 汇总成每日计数的脚本
  • 总数、连续天数、键盘导航和实时读数
  • 可选:PopNow 生成的页头或分享卡片图,先报价

适合

  • 在个人主页展示提交、写作或学习记录
  • 习惯、健身和连续打卡追踪
  • 报告中的每日销售额、注册数或工单量

不适合

  • 在一张图里对比多组数据
  • 按小时分布的规律,或很短的历史记录
  • 查找精确数值,这时表格更好读

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「日历热力图」(activity-heatmap-calendar)帮我做这件事:把这个仓库过去一年的提交记录展示在我作品集的“关于”页面上。

在编程 Agent 里

/popnow-activity-heatmap-calendar 把这个仓库过去一年的提交记录展示在我作品集的“关于”页面上。

接着试试

用固定档位:1、3、6 次提交。

给这个区块做一张分享卡片背景图,先告诉我要多少积分。

需要准备

  • 你的记录,或导出记录的命令
  • 一个单位代表什么,比如一次提交或一笔订单
  • 日期范围,以及每周是否从周一开始

类似技能

查看全部 →

常见问题

数据从哪里来?

任何每条记录都带日期的数据都可以。自带脚本能读取 git log 输出、带日期列的 CSV、JSON 数组或纯时间戳列表,并按天输出计数。

需要图表库吗?

不需要。React 版只依赖 React,HTML 版什么都不需要。两者都用普通元素绘制网格,支持浅色和深色模式。

颜色档位怎么定?

默认按有记录日期的四分位数划分,所以即使一年比较清闲,也能用满整条色阶。数字有固定含义时,你可以设置固定阈值。

为什么不让图像模型直接画出我的统计?

图像模型可能把数字画错。技能会用 PopNow 生成不含文字的背景,再用 HTML 把你的真实总数和连续天数叠在上面。