人生数据可视化--尝试统计自己的一生

在几个星期前,我突然冒出一个想法,想要统计自己每天到底干了些什么事,我还需要多少年的时间才能在某一个领域累积到一万个小时。一开始,我试用了一些时间管理软件,但我觉得都不太适合我,于是我决定自己动手写一个。花了差不多一个星期的时间,完成了一个很简单的第一版。

因为想顺便学下 React,所以前端库采用了 React + Ant Design + @antv/g2。

这是全部的页面,目前只有一个首页。首页分四个区域,分别是一万个小时、年纪、本周和本月、昨天做了什么。

左上角的一万个小时用于显示我所有想要累积一万个小时的领域,会显示已完成的小时数和预估的剩余天数,剩余天数用了很粗略的方法,每一个领域大概预估一下每天可以完成几个小时,然后用剩余小时数除以它就可以了。比如我这里编程设置为了一天可以完成 4 小时,写作、音乐和健身分别为 1 小时。

右上角的年纪用于显示当前的年纪,年纪会不断跳动,年纪上方有一圈进度条用于显示当前已走过一生的多少的百分比,默认为 100 岁。

左下角的本周和本月,用于显示本周和本月每天在不同领域累积了多少小时,这里我只显示了我需要累积一万个小时的那几个领域,与这些不相关的事会出现在昨天做了什么的详情里。

右下角的昨天做了什么,会显示昨天一天在哪些事上花了多少时间的详情。这里的时间记录我用的另外一个工具,但是这个工具我目前不是太满意,可能后面有空我会自己再写一个,所以就不推荐给你们了。

目前第一版大概就这么多,时间比较仓促,很多功能还没来得及加。在我最初的设想里,这个工具应该可以用来统计我人生中的每一天的任意时间段在做的事,而且可以标注某时间段做的某件事是否高效,最终达成目标的时间点。很多年后,它会是一本比日记还要详细无比的“书”,它将记录下我一生的点点滴滴。

虽然代码写得很烂,不过我还是打算拿出来抛砖引玉了。如果各位有什么建议,敬请提出,我会在接下来的几个月里优化代码和增加更多的新功能。


项目地址:github.com/Reinhard2019/life

转载于:https://juejin.im/post/5ca9fb3651882543d37813f3

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值