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

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

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

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

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

用Chrome LightHouse 测试还是不错的,

Chrome LightHouse 首页评分

首页,3项100

Chrome LightHouse 内页评分

内页,4项100

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

后续计划

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

目前的设想:

  1. 收集一些可视化相关的词条术语,整理为栏目
  2. 更新可视化相关的博客
  3. 最近想学习一下Flutter,说不定会开发个移动版
  4. 丰富各图形的内容。

心得分享

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

  1. 开始时想借助一些 “神器”,后来发现非常不好用,对于码农来说,一些好用的库,比如 puppeteersharp 比一些神器更好用,学习成本反而比神器还低!
  2. 另外,本来是想用ejs来做HTML模板的,因为近几年在公司用React用的很熟,没想到发现新大陆,React ServerSide 简直不要太效率。
  3. 现在的云服务API真是方便,让你的网站一下支持八国语言也没问题