查看原文
其他

03 使用Echarts制作可视化图表 |数据爬取及可视化系列

2016-10-27 shadow 科技Mix设计Lab

这是《数据爬取及可视化系列》的第三篇文章。


前2篇文章,可以点击查阅:


01基于位置的用户画像初探


02技能之谷歌Chrome爬虫




最近在结合新学的爬虫在做一些可视化的东西了,今天讲讲可视化图表相关的。


关于可视化工具

Echarts

百度出品的一个纯 Javascript 的图表库,用下来感觉还是很方便的。


我用它制作了2组图表。


第一组

是结合地图的一个可视化的图表,数据来源是取通讯设备上的流量,把流量的情况可视化出来。




地图是通过canvas画布来制作的,把经纬度坐标转化为屏幕坐标,然后在屏幕上显示出来,再结合echarts制作的图表,完成了这组demo。

这里首次尝试了自己实现地图,下次还是用开源的库吧,自己写有点累。




第二组

可视化图表,是我最近爬取了亚马逊的一部分数据制作而成的。

主要是为了看看best sellers榜单有什么可以挖掘的价值。


有几个值得挖掘价值的图表可以看看:



平行坐标parallel-aqi

这是统计了近期上榜单的产品的各项信息:

review、star、最小&最大price,进入榜单的次数。


由图可见,

review集中在1000左右,

star在3星以上,

价格集中在$10-30之间。

可以直观的感受到登上BestSellers的决定因素有哪些。



柱状图

统计了出现在bestSellers榜单的次数。


次数越多(>24),表示商品质量及服务越优,

可进一步研究其关键词、review内容等;


次数越少(<24),表示是新进入榜单的商品,

可以研究其类似产品,跟卖or研发新品。



散点图Anscombe quartet

下面是尝试对某个产品进行跟踪,分4个维度,根据其24小时的rank、review、star、最低价格来反应趋势。


发现某个产品上升或者下降了,可以进一步去挖掘其他信息,比如关键词,同类产品,同类不同产品的排名情况等等。这个等我下一步挖掘下。


以上是关于最近做的2组demo。


echarts真方便啊!~

echarts真方便啊!~

echarts真方便啊!~

省去了我再去学D3js的时间。



题外话,最近,我用来coding的编辑器从sublimeText换成了Atom,作为一名设计师,我偏爱颜值~~Atom真多棒棒的,至少好看多了~~

推荐给大家使用~






设计+科技=

自在园O设计Mix科技实验室。

长按识别二维码即可获取更多~


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存