03 使用Echarts制作可视化图表 |数据爬取及可视化系列
这是《数据爬取及可视化系列》的第三篇文章。
前2篇文章,可以点击查阅:
最近在结合新学的爬虫在做一些可视化的东西了,今天讲讲可视化图表相关的。
关于可视化工具:
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科技实验室。