一年又过去了,由于今年的工作内容很多和数据可视化相关,索性建了一个网站 : 数据可视化 。
主要用来介绍数据可视化的相关知识,目前只有图形介绍,包括:
- 100 多个可视化图,包含了常见别称、中英文介绍、中英文音频朗读。
- 每个图形还收集了一些在线的参考样例。
- 通过图形的 适用范围、分类、主要功能、展示形状、输入数据,制作了站点图,可快速导航。
网站使用纯HTML,没有一行JavaScript代码,CSS代码也只有4kb,所以页面效果很粗糙。
用Chrome LightHouse 测试还是不错的,

首页,3项100

内页,4项100
由于没有搞PWA,所以将近是满分,欢迎访问收藏。
后续计划
后面大概率是没有这么连续两星期的整块时间来建站了。但如果你要是隔很久再来,也应该会看到我加入新的内容的。
目前的设想:
- 丰富已有各图形的内容。
- 收集一些可视化相关的词条术语,整理为栏目。
- 专业输出一个可视化系列的博客。
- 开发一个移动版本,计划用时也不会超过40小时(我是移动技术小白,从未接触任何的手机项目)
- 会有神秘惊喜!
心得分享
之前也做过一些网站了,但像这次纯手工建站还是第一次。总体来说耗时不算太多,一个星期不到全部搭完,以下是几点心得。
- 开始时想借助一些 “神器”,后来发现非常不好用,对于码农来说,一些好用的库,比如
puppeteer
、sharp
比一些神器更好用,学习成本反而比神器还低! - 另外,本来是想用ejs来做HTML模板的,因为近几年在公司用React用的很熟,没想到发现新大陆,React ServerSide 简直不要太效率。
- 现在的云服务API真是方便,基本上是零成本就可以使用很多非常强大的功能。