受楼下兄弟启发，周末肝了一会，也做了一个人生进度可视化网页

[857681664]

体验地址：zshnb.com/lifetime 开源： https://github.com/zshnb/lifetime-visualization

在基本的可视化功能基础上，增加了个人信息设置，以及时间粒度切换 由于时间比较仓促，也没用 canvas 绘制，因此切换日 <-> 年粒度页面会有点卡顿，欢迎大佬们提 pr 优化一波

[857681664]

@PickOne 囧

[ddonano]

建议增加日历功能 添加备注啥的

[seven123]

不错，有个小建议，希望加一个鼠标悬停在色块上面的时候显示年份日期，并且能够显示当前的阶段小学、初中什么的

[dule]

随手切一切预计寿命网页咋还卡死了。。。

[857681664]

@ddonano
@seven123
@version
收到建议，列入计划

[857681664]

@dule 我没用 canvas 画，如果是日模式，要在网页上显示几万个 div ，修改数据重新渲染确实会让网页卡😮‍💨

[xiao8276]

学历能不能加 小学初中高中 我高中都没念怎么选

[spaling]

@857681664 给网页加个白色背景就行

[sarices]

一个大我 4 年的人剩余天数比多多 1000 多天，也是搞笑，年纪越大剩余的时间越多吗？

[GoCoV2]

感觉学历没什么必要，毕竟也不是人人都按部就班地上学

[sarices]

看错了，原来他填的预期寿命比我多 5 年，真鸡贼

[vagary]

1 ，滚动到当前位置的时候，也就是经历了各种颜色，中间位置的时候，前不着村后不着店，很迷。加个整体缩放功能之类的，不然在中间，就是一屏方格，甚至不知道经历多少，还剩下多少。
2 ，不通阶段的开始，加个气泡，目前只有简单颜色，还得回去看图例

[EthanLiu77]

效果很不错，提一个小 issue：点击日期输入框，直接使用键盘输入出生年月日，此时网页会直接崩掉

[LavaC]

@proxytoworld 让 op 做成能 iframe 引入的就可以了

[glfdsfs]

挺好玩的

[foveal]

可以把结婚年份，生娃年份，退休年份加上

[Aaron01]

不错的想法。

[sankemao]

我的电脑直接卡死

[JingXiao]

组件有问题吧
1. 组件想手动输入就出现这个问题
2. 预计寿命 把数字删完再输入 直接 NaN 且不可改变

[PlanV]

你这不是想让我长命百岁啊，你这是想让我下个月就死啊