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

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

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

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

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

用Chrome LightHouse 测试还是不错的,

Chrome LightHouse 首页评分

首页,3项100

阅读更多

Mini Translate , Chrome 迷你翻译插件

最近报着试一试的心态往Chrome应用商店发了一个插件:迷你翻译,没想到居然过了。

先介绍一下插件

Mini翻译, 是一Chrome浏览器的一个插件,功能很简单,将网页上选中的文字翻译成中文,如果选中的是中文,则翻译为英文。

目前支持英、日、韩、法、意、德、俄、越、印、泰等十几个国家的语言的自动识别!

阅读更多

2020,那些被遗忘的手艺!

被遗忘的手艺

一位陪伴了我们几乎所有人的老大哥 Flash,2020年12月31日时,就将走到它生命的尽头,终年24岁。

做为一个技术人,它样的事情,其实早已见怪不怪了,只不过面对Flash大佬,略有感怀,就在不远之前,几乎无处不在,即便现在,也常能在各大小网站中见到其身影。

现在,它已经成为了我一项被遗忘的手艺。 想起那些以前耗费不少心力去学习、去研究的技术,开始在我脑中放映: Flash / Flex / ActionScript / AIR / ColdFusion / RED5 / ASP / GWT / YUI / Google Gear / SPrite / webwork / jQuery ……, 感觉像不计其数。

不知道以前用这些技术做出来的项目,现在安在否?现在每天正在使用的一些技能,未来还是否会存在?

Flash End of life

阅读更多

网页打印指南

1. 需求来临

一天,BOSS来找你做个页面,要求如下:

BOSS: 我们这个页面,用户可能会打印,顺便提两个小要求
要求1: 打印出来的东西只看到内容,不要出现闲杂等。
要求2: 打印出来的效果要保证,最好和网页上一样。

你听到了,笑而不语,这也太简单了!

对于要求1, 用一CSS点样式就很快的解决了。

@media print {
  .xxx {
    display: none;
  } 
} 

对于要求2,疑惑了一下,难道打印出来会有不同吗?

于是,你点了一下 Chrome浏览器的打印菜单,弹出了一个打印预览,发现效果… 真的没法看!!

这可如何是好?

阅读更多

Web 自动化工具 Selenium、 PhantomJS、 Chrome HeadLess 对比分析

网页自动化工具,主要是可以通过写代码的方式,自动打开网站,输入,自动与页面交互,得到输出。

我们通常用的按键精灵,抢票软件,基本都是标准的网页面自动化工具。

通过客户端技术启动浏览器进行编程

目前,主流的网页面自动化工具有:

  1. Selenium
  2. PhantomJS
  3. Chrome HeadLess

他们都可以完成网页面上面的各种交互,今天简单介绍一下其中两项技术。

阅读更多

d3-geo:投射器介绍

d3-geo 库, 是 d3 工具包提供一个地理位置计算及转换操作库,主要包括了:

  • Projections : 投影器,将 GEOJSON 数据投射到平面上显示出来。
  • Path : 对 geojson 里面的 feature 进行计算,生成路径,进行测量,裁切, 等操作

投影

由于此包涉及到一些专业的地理知识,我也不是很懂,只能通俗的打个比方:

1): 当你站在北京正中央(center)上空很高的地方,手上拿一个照相机,镜头中心对着正下方的位置。

2): 缩放(scale) 镜头,直到北京的宽度或高度刚好能紧贴(fitSize) 你相机上的显示屏,然后卡擦。

由于你是在正中心上方,所以你应该会得到一张这样的照片:

照片

北京相片:刚好居中

在 d3 的投影里面,相片中北京,则是 GeoJson 里面的数据信息,通过d3投影到显示屏上的数据。

阅读更多

Deno 初次使用

昨天,deno1.0正式Release了,弃JS转TS两年后,当然是要尝个鲜的。我想在这个时候或是更早测试版去使用的,一定都是 TypeScript 粉了,进入正题

发音 daɪnə 与 dinosaur:恐龙 前面发音相同

deno 发音 [ daɪnə ] 与 dinosaur:恐龙 前面发音相同

安装

在 windows 环境,打开 powershell ,输入以下内容那可安装 :

阅读更多

新冠疫情随想记-续集

今天是3月17日,仙桃宣布解除部分管制三天,守在小区门口的志愿者们撤离了,一个多月了,终于可以走出小区,去门口的小超市买点东西了!

今天恢复了三条公交线路,很多在外地务工的人员也趁着这几天成批的离开了仙桃了。当然,要是返回武汉上班的话,还需要再等等。

一、疫情

已经连续近20天零新增了,武汉每天的新增确诊也降低到了个位数。但与之相反,之前一直当观众的海外国家,确变成了主角,伊朗、韩国、意大利、西班牙等国沦陷,英美也好不到哪去!

配图,武汉火神山,10天,震撼了西方各媒体

当然,基于每个国家的政策不同,实际感染病毒的数字可能会与新闻报道上的差异很大,中国的经验只能谈借鉴,不能谈硬搬。

阅读更多