数据可视化的表现形式
2015342315 李凌菲
1
传统表达方式 现代表达方式
创意应用
2
传统表达方式
柱形图 折线图 饼图
散点图 气泡图 雷达图
。
3
现代表达方式之概念图
Mindmaps 概念图Trendmap 2007 （趋势地图 2007）
Informationarchitects.jp 依据分类、相似性、成功度、知名度 和前景，为当年互联网上最成功的200 个网站制作了一张趋势地图。这些网 站以前显然从未以这种方式建立过联 系。相当详尽。
耶鲁大学管理学院数据可视化设计
15
THANKS
16
UBrowser 是一个使用开源的概念模型。 Mozilla的渲染引擎Gecko的植入实例： 使用OpenGL在几何面上动态渲染页面。
9ห้องสมุดไป่ตู้
按年龄段分布的美国人口百分比
这是如何以令人信服 的方式呈现一种单一的数 据的好榜样。Pew Research创造了这个GIF动 画，显示随着时间推移的 人口统计数量的变化。这 是一个好方法，它将一个 内容较多的故事压缩成了 一个小的package。
CrazyEgg 使用热图来 让您研究您的访客的新 闻，通常被点击更多， 更受欢迎的区域，使用 的更“温暖”的红色来 高亮显示。
三视图展示了地球的3 个视点： 每个国家使 用一个圆形代表，用圆 圈的大小来代表军费开 支额度，颜色的深度来 代表占财政收入的比例， 数据的演示非常紧凑和 美观。
7
现代表达方式之显示关联
最好的数据可视化方 式，就是用直观和美丽 的方式传达信息。 Echelon Insights致力 于这一方式，即将2014 年Twitter上最受关注的 新闻进行可视化。1亿 8450万条推文是什么样 子?如图所示的艺术品。
12
在叙利亚，谁和谁在战斗
许多不同的团体之间的关系 可能很难理解 – 尤其是当有11个 这样的团体存在的时候，这些团 体之间有的结盟，有的敌对，反 之亦然。这让人难以理解。但是， Slate网站通过表格的形式和熟悉 的视觉效果和色彩，将这些数据 简化为一种简单的、易于理解和 互动的形式。
10
问题的深度
这张来自《华盛顿邮报》的 信息图长得令人难以置信…这是 故意的。他们在图中展示了一架 飞机可以探测到的深海信号是多 么的深，通过比较飞机的探测深 度与高层建筑、已知哺乳动物的 最大深度、泰坦尼克号沉船的深 度等。这是简单的视觉效果和颜 色梯度的极佳使用方式。
11
今年发生了哪些新闻?
Munterbund 的书中文字相关性展示
8
现代表达方式之可看的网站
Spacetime （时空)公司承诺，那些通过网 页的小缩略图像挖矿一样查找信息的时代一 去不返了。它提供的服务易读和优雅的三维 特效来呈现你的搜索请求结果，支持 google 、yahoo、Flickr 、eBay 、google 图片搜索
这是一个著名的数据可视化 创意，作者通过改造东京地铁地图， 将站点设计成地铁站，每种网站应用 类型是一条地铁线。比如粉红色代表 分享类网站，紫红色代表工具类，大 红色代表技术网站，柠檬黄色代表知 识类网站。
4
现代表达方式之新闻展示
Newsmap（新闻地图）是 google新闻聚合器上实时的新闻反 馈的可视化呈现。数据块的大小对 应了新闻受欢迎的程度。
观众可以点击任一张脸来查看双方 关系的简要描述。
13
可视化你的足迹
我们在本文中会制作一 个这样的地图，图中灰色的 线是城市中的道路，小六边 形表示照片拍摄地。颜色表 示当时当地拍摄照片的密度， 红色表示密集，黄色为稀疏。 可以看到，我的活动区域主 要集中在左下角，那是公司 所在地和我的住处，:)
14
Newsmap反映的是google 新闻聚合器实时更新的新闻。这种 数据可视图基于treemap树状图的 算法，适合表现大量信息的聚合。 用颜色、颜色深度、标题字号、区 块面积来展现归并后的信息。打破 空间限制，帮助用户快速识别、分 类和认知新闻信息、平面而直观地 展现不断变化的信息片段。
5
现代表达方式之数据展示
Amaztype 图书搜索：根据从亚马逊上采集 的数据，将图书的搜索结果根据你所提供 的关键字的字母形状进行排列。可以点击 单本书查看详细信息。
Flickrtime 也应用了相似的创意。这 个工具利用Flickr API 将上传的图片 根据当前时间排列成时钟数字的形状。
6
Time Magazine （时代周刊）使 用峰值形状的分 布来强调地图上 美国人口的稠密 程度。