V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
857681664
V2EX  ›  分享创造

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

  •  6
     
  •   857681664 ·
    zshnb · 2023-12-11 10:39:04 +08:00 · 23423 次点击
    这是一个创建于 366 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    第 1 条附言  ·  2023-12-11 11:25:44 +08:00
    看来大家对 100 岁希望都不是很大,紧急更新把预期寿命给大家加上了
    183 条回复    2024-01-08 16:49:49 +08:00
    1  2  
    857681664
        101
    857681664  
    OP
       2023-12-11 14:44:45 +08:00
    @falcon05
    @yaocai321 别骂了别骂了 555
    857681664
        102
    857681664  
    OP
       2023-12-11 14:45:57 +08:00
    @vinery 好主意,感谢提醒
    pHz
        103
    pHz  
       2023-12-11 14:46:44 +08:00   ❤️ 2
    感谢楼主,虽然知道自己的年纪,但是看到可视化的格子还是收到了震撼
    ma836323493
        104
    ma836323493  
       2023-12-11 14:49:50 +08:00   ❤️ 1
    29 人生已过半, 你这给大伙整抑郁了
    QKgf555H87Fp0cth
        105
    QKgf555H87Fp0cth  
       2023-12-11 14:51:17 +08:00
    bug 挺多的
    0xsui
        106
    0xsui  
       2023-12-11 14:51:58 +08:00
    @ma836323493 更 emo 了
    MuSeCanYang
        107
    MuSeCanYang  
       2023-12-11 14:53:39 +08:00
    Application error: a client-side exception has occurred (see the browser console for more information).
    theprimone
        108
    theprimone  
       2023-12-11 14:54:43 +08:00
    有趣,有空我也整一个
    meepo3927
        109
    meepo3927  
       2023-12-11 14:55:06 +08:00
    bug 挺有趣
    857681664
        110
    857681664  
    OP
       2023-12-11 14:56:03 +08:00
    @pHz
    @ma836323493 珍惜每一天
    lycpang
        111
    lycpang  
       2023-12-11 14:56:49 +08:00
    @Xmi080225 #23 6 、70 有点悲观了吧。。毕竟你 65 才能退休。退休金还没领就噶也不太好吧
    MuSeCanYang
        112
    MuSeCanYang  
       2023-12-11 14:56:59 +08:00
    你看不起我们初中毕业的吗?
    Hstar
        113
    Hstar  
       2023-12-11 14:58:27 +08:00
    这个日期输入组件不行啊,选中情况按键盘直接崩溃了
    GooMS
        114
    GooMS  
       2023-12-11 14:59:50 +08:00 via Android
    建议增加小学毕业
    yjsdaniel
        115
    yjsdaniel  
       2023-12-11 15:01:23 +08:00
    Application error: a client-side exception has occurred (see the browser console for more information).

    另外 4 年拿到 phd 学位的其实是少数。
    ShundL
        116
    ShundL  
       2023-12-11 15:04:27 +08:00
    这学历看着真花啊,人生能活几天跟学历有啥关系??
    PsychoKidA
        117
    PsychoKidA  
       2023-12-11 15:05:04 +08:00
    @857681664 #90 嗯,以及我转了这个给我朋友玩儿,但是她是英硕,所以也不是标准的国内三年制硕
    ShundL
        118
    ShundL  
       2023-12-11 15:05:36 +08:00
    不如就加几个节点,比如显示 18 岁、30 岁这样的...
    lancelotfh
        119
    lancelotfh  
       2023-12-11 15:09:04 +08:00
    建议预期寿命作为输入项,并且有一个按钮,可以默认使用国家每年发布的平均寿命
    vivisidea
        120
    vivisidea  
       2023-12-11 15:12:20 +08:00   ❤️ 1
    看着人生进度表,我楞了几分钟
    857681664
        121
    857681664  
    OP
       2023-12-11 15:21:35 +08:00
    @lancelotfh 现在就是的,可以输入预期寿命,刷新一下网页看看最新版
    hiveex
        122
    hiveex  
       2023-12-11 15:22:16 +08:00
    点不动 bug 没修吧
    857681664
        123
    857681664  
    OP
       2023-12-11 15:23:12 +08:00
    @857681664 终于把日期控件输入的 bug 解决了,感谢热情的监工们
    aaronkk
        124
    aaronkk  
       2023-12-11 15:32:15 +08:00
    有意思,不过 bug 还挺多,op 加油修。

    自己的人生看了下,感觉还好,
    但刚把爸妈的年份填上,看最后剩余的灰色,有点控制不住了,
    珍惜。。。
    wangx0102
        125
    wangx0102  
       2023-12-11 15:32:40 +08:00
    我硕士只有两年咋办
    857681664
        126
    857681664  
    OP
       2023-12-11 15:34:35 +08:00
    @aaronkk 多陪陪他们
    INW017bzMfgkkYGn
        127
    INW017bzMfgkkYGn  
       2023-12-11 15:38:32 +08:00
    已设置成浏览器首页😀
    kangyan
        128
    kangyan  
       2023-12-11 15:45:23 +08:00
    能自定义上学事件吗,没有考虑到 gap year
    kilvn
        129
    kilvn  
       2023-12-11 15:49:18 +08:00
    @falcon05 #98 哈哈哈哈哈哈
    857681664
        130
    857681664  
    OP
       2023-12-11 15:49:22 +08:00
    @kangyan 已经列入计划里了
    zjp
        131
    zjp  
       2023-12-11 15:51:30 +08:00
    是 bug 吸引了这么多回复吗😹
    那我提个 feature ,支持隐藏设置或者设置写在 url 参数,方便用在首页和挂件
    CHTuring
        132
    CHTuring  
       2023-12-11 15:55:29 +08:00
    一刷新就清空了...而且重要的日子还不能自定义
    t0ur1st
        133
    t0ur1st  
       2023-12-11 15:55:50 +08:00
    珍惜每一天
    857681664
        134
    857681664  
    OP
       2023-12-11 16:05:11 +08:00
    @zjp 大家找 bug 的能力太强了!
    857681664
        135
    857681664  
    OP
       2023-12-11 16:05:37 +08:00
    @CHTuring 因为没有加存储,可以列入更新计划里
    proxytoworld
        136
    proxytoworld  
       2023-12-11 16:06:12 +08:00
    更新好了艾特我
    492
        137
    492  
       2023-12-11 16:22:04 +08:00
    转眼 27 了,虽然知道生老病死是人生必经的,但一下可视化还是把我整 emo 了。
    要珍惜当下的每一刻呀!
    blackbookbj277
        138
    blackbookbj277  
       2023-12-11 16:27:16 +08:00
    不敢看,挺恐怖
    afeiche
        139
    afeiche  
       2023-12-11 16:27:20 +08:00
    加一下退休时间啊
    Felldeadbird
        140
    Felldeadbird  
       2023-12-11 16:34:10 +08:00
    有一个 BUG ,以前读书是有学前班的。
    andyr145698
        141
    andyr145698  
       2023-12-11 16:34:24 +08:00 via Android
    非常有意思的东西,学习了
    Lirika
        142
    Lirika  
       2023-12-11 16:34:43 +08:00   ❤️ 1
    出生了三年,不容易啊我
    liahu
        143
    liahu  
       2023-12-11 16:46:07 +08:00
    预期 800 岁卡死了,你能不能设置最大多少岁
    isbase
        144
    isbase  
       2023-12-11 16:47:26 +08:00
    如果 localstorage 保存选项就更好了
    857681664
        145
    857681664  
    OP
       2023-12-11 16:51:39 +08:00
    @liahu 你这是向天再借了 700 年
    wenyuhe
        146
    wenyuhe  
       2023-12-11 17:06:28 +08:00
    预期寿命 为啥只能输入 3 位数,瞧不起谁呢
    dreamage
        147
    dreamage  
       2023-12-11 17:08:12 +08:00
    先把 65 退休安排上吧 哈哈
    label
        148
    label  
       2023-12-11 17:09:42 +08:00
    @allgy 就是纯前端静态网页
    killva4624
        149
    killva4624  
       2023-12-11 17:17:27 +08:00
    输入寿命如果小于当前实际寿命,会只显示到输入寿命。
    可以加一下多活出来的时间吗 比如我当前 30 岁,预计寿命 20 ,实际活出来 10 年都是赚的。
    lzzh0520
        150
    lzzh0520  
       2023-12-11 17:19:21 +08:00
    6 岁上幼儿园,五三制义务教育的有的选吗?
    fbichijing
        151
    fbichijing  
       2023-12-11 17:21:38 +08:00
    每个人的读书时间段有很大概率是不一样的。
    337136897
        152
    337136897  
       2023-12-11 17:31:17 +08:00
    ![t1.jpeg]("")
    这是认真的吗??
    kokojack
        153
    kokojack  
       2023-12-11 18:20:31 +08:00
    能 docker 本地部署就好了
    iamwho
        154
    iamwho  
       2023-12-11 18:24:00 +08:00
    道理我都懂,但是我没上过幼儿园。
    857681664
        155
    857681664  
    OP
       2023-12-11 18:26:13 +08:00
    @kokojack 来不及容器化了,欢迎贡献个 pr
    BlackSiao
        156
    BlackSiao  
       2023-12-11 19:01:26 +08:00
    呜呜,看着这种东西,感觉明天就要死啦
    zyxyz123
        157
    zyxyz123  
       2023-12-11 19:01:54 +08:00
    一般都是 9 月开学,6 月毕业,可以优化一下
    haixiu
        158
    haixiu  
       2023-12-11 19:57:08 +08:00
    卡出个 800 岁,把页面整崩溃了
    uselessVisitor
        159
    uselessVisitor  
       2023-12-11 20:11:00 +08:00
    这个日期选择真难用啊。。
    861921648
        160
    861921648  
       2023-12-11 20:26:54 +08:00
    挺有意思的,赞
    pnongrata
        161
    pnongrata  
       2023-12-11 20:42:41 +08:00
    赶紧加上新功能,自定义里程碑节点+命名
    ga20
        162
    ga20  
       2023-12-11 20:56:14 +08:00
    有点意思,支持
    SillyGod
        163
    SillyGod  
       2023-12-11 21:03:36 +08:00
    学校时间还有点问题吧,比如我 5.20 生日,大学开始的第一个格子是 xxxx-5-20 ,这不对吧
    lonely701
        164
    lonely701  
       2023-12-11 21:13:54 +08:00 via iPhone
    手机竖屏显示有问题
    rekulas
        165
    rekulas  
       2023-12-11 21:49:14 +08:00
    性能有点渣, 输入 1000 都会卡一会,有时候 cpu 拉高还下不来了
    857681664
        166
    857681664  
    OP
       2023-12-11 22:04:33 +08:00
    @SillyGod 在修了.jpg
    857681664
        167
    857681664  
    OP
       2023-12-11 22:05:26 +08:00
    @rekulas 因为不是用的 canvas 绘制,1000 岁如果是日,会显示 365000 个 div 。。。建议不要尝试
    zeni18
        168
    zeni18  
       2023-12-11 23:17:29 +08:00
    我是高中呀
    dianso
        169
    dianso  
       2023-12-11 23:30:54 +08:00
    不错,喜欢~~~
    RouJiANG14
        170
    RouJiANG14  
       2023-12-12 00:15:25 +08:00
    看得出来楼主是在光速的修 BUG 了,问个门外汉的话,该如何自己架设一个 ,我看不是 html 的那种,所以不知道要怎么 弄才可以搭建。
    Adelell
        171
    Adelell  
       2023-12-12 01:03:37 +08:00   ❤️ 1
    身为一个已经半截身子入土的老人,看到这个表示:人生苦短,我用 python 。
    xiangpeng
        172
    xiangpeng  
       2023-12-12 07:59:37 +08:00
    最边上的时候看不到提示信息了
    achina0731
        173
    achina0731  
       2023-12-12 08:11:20 +08:00 via iPhone
    hyperbin
        174
    hyperbin  
       2023-12-12 08:13:24 +08:00 via Android
    无法知道何时会死,所以没有进度条只有等待条
    yecity
        175
    yecity  
       2023-12-12 08:48:58 +08:00
    扎心的 contributions
    MonTubasa
        176
    MonTubasa  
       2023-12-12 09:06:48 +08:00
    再来个特别情况,90 后,我 5 岁读的一年级,读到 3 年级转学到 5 年制小学,读的 2 年级,假如转学没有降的话,我会在 10 岁小学毕业。当然,11 岁小学毕业年纪也不大。从这往后,初中高中大学都比同班的同学小一些。
    swordmaster
        177
    swordmaster  
       2023-12-12 09:25:12 +08:00
    现在复杂的学历可以直接换成上学和毕业,人生中比上学重要的事情有很多,结婚、生娃和退休至少要算上
    kangkang
        178
    kangkang  
       2023-12-12 09:57:40 +08:00
    73P2OdTjK6t29nk1
        179
    73P2OdTjK6t29nk1  
       2023-12-12 11:31:47 +08:00
    @version #40 平均多少钱这可太难算了
    coderHu
        180
    coderHu  
       2023-12-12 12:24:43 +08:00
    挺有意思的项目,以下个人几个小建议:
    1. 出生可以换个名称,童年?出生是个时间点,不是时间段
    2. 可以去除某些学历阶段,例如我没上过幼儿园,又或者天赋异禀直接跳级了
    3. 色块支持自定义颜色,颜色反应心情,在人生长河中用不同颜色反应不同阶段
    4. 重要时间点特殊标记,例如毕业、结婚、生娃
    5. 祝大家长命百岁,要是今年已经高龄 99 了🐶
    6. 支持个人部署,调用接口生成阶段图
    857681664
        181
    857681664  
    OP
       2023-12-12 13:31:14 +08:00
    @coderHu 感谢建议,你说的这几个除了 6 都在计划中了
    royalknight
        182
    royalknight  
       363 天前
    看这个太焦虑了
    beimenjun
        183
    beimenjun  
       338 天前
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 09:08 · PVG 17:08 · LAX 01:08 · JFK 04:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.