IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

惊现!表面下的隐藏信息――浅谈信息可视化

Tencent CDC Blog 2010-02-23 22:51:01 累计浏览 3,388 次
本机暂存

    惊现!表面下的隐藏信息――浅谈信息可视化

      1910年,病卧床上的魏格那(德国气象学家,以“大陆漂移学说”闻名),无意地注视着墙上的世界地图……地图表面之下的隐藏信息惊现了:“大西洋两岸的轮廓竟是如此相对应……”。

    惊现!表面下的隐藏信息――浅谈信息可视化

      地图,将地面坐标的信息可视化而产生的图形工具,更便于人们探索其中关系,进而发掘隐藏的真理。Let’s zoom out. 其实任何事物都是一类信息:表格,图形,地图,甚至文本,无论静态或动态,都为我们提供认识世界的手段。而可视化(visualization),将数倍放大他们的威力。让我们看看Ta是如何穿透表面,让隐藏的信息浮现的:

     

      1854年,霍乱在伦敦Soho区严重爆发,当时对霍乱起因的主流意见仅仅是空气传播。

    惊现!表面下的隐藏信息――浅谈信息可视化

      约翰斯诺(内科医生)将水质研究、霍乱死亡统计分布图与地图对比分析,发现污染源来自于Broad Street的公用抽水机。证实了正是伦敦政府将废物倾销进泰晤士河的决定导致了霍乱通过地面下污水传播而最终爆发。

      数据可视化的目标是通过图解手段清楚和有效传达信息。 功能性的数据可视化并非要是看上去乏味的,极度精密尖端的数据可视化也不一定是看上去漂亮的。关键要结合数据的特征,以便观察。

     

      越狱男主角Michael身上的魔鬼纹身头像是用来定位在墙上打一个小洞:

    惊现!表面下的隐藏信息――浅谈信息可视化

      因为Michael参与过监狱维修,所以知道材料的弹力系数以及一些参数。 根据胡克定律求出坐标后,当然要记下来,最容易记住的就是图形,他就把坐标隐藏在了恶魔的脸上了,然后又投影到墙上。这里,信息可视化以图形形式记忆复杂计算的结果,帮助用户快速使用并达到目的,数倍提高信息的使用效率。

      如今,数据可视化已发展成为研究教学与发展的热门领域,是结合了科学与信息形象化的综合领域。今天的信息世界,信息爆炸:怎样组织它们?信息超载:怎样理解它们?所有信息是相互关联的:怎样介入它们?知识淹没在信息中:怎么发现知识?怎样展现各种形式的信息来帮助人们探索信息?Let’s take a look:

     

    5 Years Infosthetics

    http://moritz.stefaner.eu/projects/5yrs-infosthetics/

    惊现!表面下的隐藏信息――浅谈信息可视化

      “假设总共1000条数据,每屏显示50条,共需多少屏显示的完?”

      在Infosthetics论坛 5周年庆生之际,设计师将总共约2000个项目放在同一个页面中按多重维度进行筛选查找。左侧每一个小块代表一个项目,并赋予几个与右侧类别属性对应的颜色。

    惊现!表面下的隐藏信息――浅谈信息可视化

      点击右侧的类别、回复数、年份可进行多维度筛选。从近2000条数据中筛选出感兴趣的内容也就点几下的功夫。通过减少搜索,以较少的空间表现大量的数据,间接提高了用户的信息获取效率。

     

    Where Does My Money Go?

    http://www.wheredoesmymoneygo.org/prototype/

    惊现!表面下的隐藏信息――浅谈信息可视化

    惊现!表面下的隐藏信息――浅谈信息可视化

      2009年圣诞节前,英国政府宣布将对地方公众公开地方开支报告,于是wheredoesmymoneygo.org孕育而生。用户可以在这里查看英国的政府过去6年内各领域的开支。政府希望通过运作这个项目,收集更多细节的信息,包括地方消费等。 图表内容的类别包括教育、健康以及国防等领域。由于所有图形的尺寸都与实际金额对应,颜色都与类别对应,即使没有百分比数据统计,也能直接看出各部分开支的比例,清晰直观。

      ――“油和能源的开支在哪儿?”

      ――“点绿的,进去就看到”

     

    California Stimulus Map

    http://www.recovery.ca.gov/HTML/RecoveryImpact/map.shtml

    原图已失效

      目前美国政府已向公众公开各地区的资助情况。市民可以在这个网站上可以一目了然看到各地区的资金补救和再投资分布。 资助对象包括州政府,当地政府,地方企业,本地非赢利组织等。

    原图已失效

      图中圆形的大小对应资助总金额,数字代表资助项目数,彩色扇形分别对应交通、能源等各大领域。

     

    Charting the Beatles

    http://www.mikemake.com/#72772/Charting-the-Beatles

    原图已失效

      这些形象化的数据图表是对Beatles音乐的一项研究。 素材来自于许多图和文献,包括销售统计、传记、笔记、活页乐谱和未加工的音频资料。

      每个成员各自由一个颜色表示,从每个单曲的色块组成上,以及红色条状代表合作程度,可以看出成员日益独立的趋势。

    原图已失效

      这张图描述的是Beatles 1963-1966年期间的灌制唱片,拍摄影片以及巡回演出的时间。好像有点像唱片,从里到外一圈一圈,很有意思。

     

    Netflix DVD Renting

    http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html

    原图已失效

      这是Newyork Times上关于Netflix.com 所有DVD电影在各地区的租售热度分布图。通过顶部滑动条可以租售量纬度选择不同片子并查看业绩。区域热租度已成为除了票房或IMDb评分之外的另一大推荐指数。

     

    Crayola’s crayon chronology

    http://www.weathersealed.com/2010/01/15/color-me-a-dinosaur/

    原图已失效

      Crayola’s是个历史悠久的蜡笔品牌,从1903年的八色起到现在的120色蜡笔套装,颜色数量每28年翻一番。照这速度到2050年,就会出现330种颜色的蜡笔。将来画条逼真的彩虹肯定没问题,不过叫人帮忙拿支蜡笔恐怕非得报出色号才行。

      信息可视化是门博大精深的学问,在此仅作抛砖引玉之用,与大家一同探索,通过设计发挥出数据更大的潜力。

     

      另附上一些不错的信息可视化资讯站点,供大家参考:

     

    http://well-formed-data.net/

    原图已失效

     

    http://bestiario.org/

    原图已失效

     

    http://flowingdata.com/

    原图已失效

     

    http://infosthetics.com/

    原图已失效

     

    http://www.informationisbeautiful.net/

    原图已失效

     

    http://stamen.com/

    原图已失效

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. HTML5+CSS3 loading 效果收集 (累计阅读 6,438)
  2. 强大的纯JS数据图工具-flot (累计阅读 4,187)
  3. 分享一些可视信息设计资源 (累计阅读 4,077)
  4. 雅虎的悲惨世界 -- 往事不堪回首,悲剧涛声依旧【超大信息图】 (累计阅读 3,905)
  5. 给数据穿上美丽的外衣 (累计阅读 3,738)
  6. 浅谈信息可视化――航空篇 (累计阅读 3,625)
  7. 30个完美的图表设计欣赏 (累计阅读 3,513)
  8. 基于网站日志数据挖掘的用户访问行为模式可视化研究 (累计阅读 3,497)
  9. 统计数据背后的真相 ― 读《How to lie with statistics》 (累计阅读 3,491)
  10. 好软件推荐 gnuplot 来做可视化数据 (累计阅读 3,412)