X.d 笔记

小Web,大世界

0%

新开一个网站:数据可视化 vis.zone

一年又过去了,由于今年的工作内容很多和数据可视化相关,索性建了一个网站 : 数据可视化

主要用来介绍数据可视化的相关知识,目前只有图形介绍,包括:

  1. 100 多个可视化图,包含了常见别称、中英文介绍、中英文音频朗读。
  2. 每个图形还收集了一些在线的参考样例。
  3. 通过图形的 适用范围、分类、主要功能、展示形状、输入数据,制作了站点图,可快速导航。

网站使用纯HTML,没有一行JavaScript代码,CSS代码也只有4kb,所以页面效果很粗糙。

用Chrome LightHouse 测试还是不错的,

Chrome LightHouse 首页评分

首页,3项100

Chrome LightHouse 内页评分

内页,4项100

由于没有搞PWA,所以将近是满分,欢迎访问收藏。

后续计划

后面大概率是没有这么连续两星期的整块时间来建站了。但如果你要是隔很久再来,也应该会看到我加入新的内容的。

目前的设想:

  1. 丰富已有各图形的内容。
  2. 收集一些可视化相关的词条术语,整理为栏目。
  3. 专业输出一个可视化系列的博客。
  4. 开发一个移动版本,计划用时也不会超过40小时(我是移动技术小白,从未接触任何的手机项目)
  5. 会有神秘惊喜!

心得分享

之前也做过一些网站了,但像这次纯手工建站还是第一次。总体来说耗时不算太多,一个星期不到全部搭完,以下是几点心得。

  1. 开始时想借助一些 “神器”,后来发现非常不好用,对于码农来说,一些好用的库,比如 puppeteersharp 比一些神器更好用,学习成本反而比神器还低!
  2. 另外,本来是想用ejs来做HTML模板的,因为近几年在公司用React用的很熟,没想到发现新大陆,React ServerSide 简直不要太效率。
  3. 现在的云服务API真是方便,基本上是零成本就可以使用很多非常强大的功能。