Works

这里将放置我的一些可视化作品,有些是小实践,有些是围绕特定主题的正式作品。

1. 原生JS实现模态框 (Modal Dialogue Box)

模态框,全称:模态对话框。是用户想要对模态框以外的应用程序进行操作时,必须首先对该模态框做出响应。
在这个实践作品中,通过点击button打开模态框之后,可以点击模态框中的关闭图标、一个按钮以及模态框外的灰色区域关闭模态框。
Click to view: Modal Dialogue Box

2. 原生JS实现切换 (Transition)

切换,是指点击/悬停导航条中的不同区块从而在内容区域展现出不同的内容。
Click to view: Transition_1
Click to view: Transition_2

3. 交互网络 (Interactive Network)

通过对[GDELT]2016年9月的数据进行挖掘,主要依赖[Event DB]中的[QuadClass]来呈现一带一路沿线69个国家及区域的竞合关系,点击每个节点亦会在侧边栏弹出更为详细的信息。
Click to view: One Belt and One Road in a Network

4. PM2.5的分布与影响(Distribution and Influences of PM2.5)

一个团队合作的作品(合作者:叶世清、白凯、姜智勇),大体框架已经搭建,但尚未精雕细琢。
综合运用意象修辞(尘埃漂浮背景)、视频语言(《是谁同意把这个世界让给雾霾?》)、关键词连接网络、3D global渲染、可视化图表联动的方式来阐释主题,以及我们对这一主题的主观体验。
主要运用技术:Python(数据抓取、清洗)、jQuery, D3.js, three.js,视频剪辑(Pr + AE)
数据来源:NASA(National Aeronautics and Space Administration)、中华人民共和国环境保护部数据中心
Click to view: Distribution and Influences of PM2.5

5. [非编程] 鸡尾酒调配交互式信息图 (What’s in your cocktail?)

用Tableau制作的一个小玩意,展示几款鸡尾酒中的配料与比例,信息图可交互,悬停可高亮。
Click to view: What’s in your cocktail?

6. [非编程] ZANK 2016(首届)中国LGBTA群体情感状况研究

于2016年末完成的一项统计研究,合作方为ZANK(北京)。主要是对问卷数据进行分析并进行图表展现,图表不同于一般意义的统计图表,而是可视化色彩更浓郁的数据呈现。由于报告是面向社会公开发布的公益性报告,因此统计分析的难度不高。
Click to view/download: Emotional Situation of LGBTA in China