关于热区图的色盘

如果我们有了一个点击分布的数据,比如下图,现在要绘制对应的热区图。在确定了映射规则(比如将每个点击映射为一个圆形,圆心最热,热度向外递减)之后,剩下的问题就是对于每一个热度,我们应该给它配什么颜色。

之前的… 阅读全文

HSL转换为RGB色彩

之前关于网页点击热区图的文章中曾提到用 HSL 色彩来表示由冷到热的变化更为方便。不过,有时我们还是需要使用 RGB 或 RGBA 色彩表示方法,比如在做一些象素级的操作时,这时,就需要将色彩由 HSL 表示方法转为 … 阅读全文

关于网页点击热区图

接上一篇文章,当我们使用 JavaScript 记录下用户鼠标的点击行为数据后,怎么把它呈现出来呢?

最简单的做法,是直接把鼠标点击的位置在图上标出来,比如像下图这样:


(图1)

上图的每一个小叉代表一次点击(为简单起见,这儿所有的小叉都是一种颜色,事实上,可以用不同的颜色来表示不同类型的点击,比如点在超链接上的小叉画成红色,点在非超链接上的小叉… 阅读全文