Card image

马克我的第一张海报信息图,这是关于2015年北京蓝天颜色与PM2.5的关系图。

之前了解到一个环保人士@邹毅的邹 ,他从2013年开始在同一地点、同一时刻用手机拍摄照片,记录天气变化状况,至今仍在继续坚持。

当时我和我的实习同事陈香君一起参加第二届大学生数据新闻比赛的时候,就想到雾霾的这个主题。当时的想法还挺简单的,就想看看蓝天的能见度与PM2.5是否真的挂钩。

后来,@邹毅的邹找到了我,提供了2013-2018年的数据,我就用processing作出一个模板,以后数据更新的话就可以直接生成。


时间
2016/3

工具
Adobe Illustrator

数据
北京市环保局
空气质量监测

奖项
第二届高校数据新闻大赛三等奖
ChinaVISAP‘19
Card image

注:邹先生在2013年-2018年3月拍摄用的是一款手机,2018年由于手机性能无法支持正常拍照,更换了手机,所以你会看到在最外环,每一个格子取自蓝天的颜色,你会看到不用的手机呈现出的不同效果。

Card image
Card image
Card image
Card image
Card image
Card image
Card image

我再根据数据和图片做了一个交互 北京样板 2013-2018,鼠标悬浮可以看到当日的实拍~点击AQI会根据每日的AQI进行排序,可以看到2013-2018年整体空气质量的变化,效果非常明显~

Card image

当时还没有真正入这个圈子,但每次都会被那种大海报的环形的柱状图所吸引。何不就用当时青睐的环形图呢?但为了放更多辅助信息,选取了圆的3/4,通过顺时针查看2015年的北京的蓝天状况。用Ai取制作,后面学了Processing之后,又加上好几年的数据,就用Processing重新做了一遍,这样只要整理好数据,在Processing中重新生成新的一张图就好了,非常快捷,这也是我喜欢编程的一个重要原因:效率高,可以模式化生产。


Card image

最外圈是代表月份,然后是日期,固定长度的环形条状是从2015年《一目了然》图片中取当天蓝天的颜色。最内圈就是当天的PM2.5的值做的一个环形柱状图,柱状越长,代表当天的PM2.5越高。你会发现,诶,确实是存在这样的关系,外圈的条形颜色越灰,内圈柱子就越长。当然天气灰蒙蒙的也不一定代表空气质量差,这两者关系不是绝对对等的。

Card image
Card image

上面的环形图更注重信息之美,所以我在下方补充了一个列表形式,更好的去读2015年北京空气质量。

值得开心的是第一次做这种信息图,比赛最后得了三等奖。后来看到人大新闻的公号RUC新闻坊看到同学们对这张信息图的肯定,也提出了些小建议,觉得确实内容上还是有点单薄。不过作为信息图的第一次,还是很开心完成了这次可视化设计。它也是我毕业第一份工作的一扇门一样,让我在数据可视化的道路上继续挖坑填坑挖坑填坑。

Card image

相关推荐

Card image cap