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

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

  •  6
     
  •   857681664 ·
    zshnb · 347 天前 · 23097 次点击
    这是一个创建于 347 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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