07月, 2010


23
Jul 10

分析指标研究:历史最高/最低记录的意义

我们在分析数据的时候,数据随着时间、事件等外力的影响在上下的变化,
看数据的人心情就像爬山一样,有前往山顶的快乐,也有坠落谷底的痛苦。
那么数据在峰顶的时候,叫做历史最大值。
在谷底的时候,叫做历史最小值。
先看下面这幅图来体会下刘翔在打破男子跨栏百米世界记录的心情吧,

刘翔打破12秒88世界纪录

那么将这种心情移植到商业世界中时,我们的电子商务业主们也在一次次的像顶峰冲击,所以我们需要帮他们记录下一个个历史最高&大记录,标注出一个个历史最低&小记录。

这个事情的意义有:

1,将自己作为对手,提醒自己向更高峰冲击
2,记住最惨淡的岁月和狠狠摔一跤的事情,不再犯第二次错误。
3,作为一个个里程碑,铭记过去

那么具体该怎么来做呢?让我们看看都有哪些数据值得我们铭记。

如下图

历史最高/低记录的维度

2
Jul 10

数据之美(七)[转]

能被理解的信息才是有用的信息,这就是 Inforgraphics 的意义。什么是 Infographics,简单说,就是将复杂的数据视觉化,Infographics 的真正意义是通过视觉化的图形,展示数据中蕴含的东西,它的趋势,分布,它隐藏的意义,或者单纯的数据之美。

Infographics 的渊源

用图形表达抽象数字或意义,就是 Infographics 的日常渊源。最早可以追溯到数百甚至数千年,比如原始人的壁画。

如今,Infographics 用在社会的各个领域,数学,地图,新闻媒体,教育,旅游,医药,政治,乃至宗教。人类的大脑更容易通过表象看到其背后的东西,这就是可视化表达,或者 Infographics 存在的意义。

Infographics 详解

Infographics 是信息,数据,以及知识的一种视觉表现,当人们需要更清晰无误地表达复杂信息的时候,会首选想到图形。传统的 Infographics 可以是诸如标志,地图,图解等视觉元素,以帮助人们理解文字内容,这些视觉元素更多是代表来自统计结果的一系列数据,而现代 Infographics 则更富有创意和想象力。

Infographics 的设计遵从以下原则:

  • Infographics 必须非常容易理解,即使是孩子也能明白其表达的意思。
  • 它表达的是那些被隐藏的,不清晰,不明显的信息。
  • 它的视觉元素用来帮助理解信息中包含的意义。
  • 它必须是独立,无歧义的。
  • 它需要为阅读者传递正确的意义。

以下是 Infographics 的分类图:

Infographic 最佳实践

能被理解的信息才是有用的信息。

有效地组织信息

Infographics 表达的是信息,没有信息,Infographics 就没有意义,因此,你必须非常认真地组织你的信息,要完整,系统,准确。

求简!

如果你的 Infographics 比原始数据还难懂,它就没有存在的意义。要简单,清楚。

表达出因果关系

人们浏览 Infographics 的时候,需要能够从各种视觉元素中找出因果关系。

不要信马由缰

你的 Infographics 必须主题明确,一幅 Infographics 图只是解决一个问题,不能面面俱到。

设计一个配色方案

色彩在 Infographics 中占据非常重要的地位,为自己的 Infographics 设计一套配色方案,使读者更容易从颜色的对比和延续中,理解你的意思。

结合版排版,插图,图表与标志

这些元素的结合使用可以使你的作品更吸引人。

Infographics 精彩实例

The Web Before Twitter (Twitter 诞生前的 Web)

The Web After Twitter (Twitter 诞生后的 Web)

Trend Stream Social Web Involvement (社会化 Web 的全球分布状况)

The Internet Undersea World (全球海底光缆分布图)

Facebook Vs Twitter (Facebook 对决 Twitter)

Building a Company With Social Media (如何借助社会化媒体创办公司)

Breakdown of the Blogosphere (博客圈统计细分)

Michael Anderson – Resume Infographics (Michael Anderson 的履历表)

The Global Warming Infographic (全球暖化问题)

Get to Know Your Street Vendors (街头小贩研究)

The Magic Bean Shop & The Fries That Bind Us (星巴克,麦当劳以及其它)

Evolution of Storage (存储技术的演化)

How Come Cheap Flights Are So Cheap (低价航班为什么这么便宜)

How Long Will Our Resources Last (人类的资源还能维持多久)

Humans Vs. Animals (人与动物的对比)

How To Pick Up Girls Using Your iPhone (iPhone 把妹指南)

On Driving (人类驱车史)

Swine Flu, the Piggy Trouble (猪流感)

Global Financial Crisis (全球金融危机)

15 Things You Should Know About Breasts (关于乳房的15个需要知道的知识)

60 years of Federal Republic of Germany (德联邦60年)

Seasonal food chart (食物四季)

US data consumption in one day (美国一天消耗的数据)

Blog Post Journey (一篇成功的博客文章的人生轨迹)

Which Blogging Platform Should You Use? (各大博客平台的分布)

InfoGraphics 工具集

Axiis

基于 Flex 的数据可视化工具,准确,表现丰富。

Chronoscope

对于海量数据的可视化,这个工具值得一试,包含一个 JavaScript API,可以同 Google 的电子表格,iGoogle 以及开放社会网络集成。

Flex

Flex 内置图表控件,可以快速生各种效果的图表。使用类似 SVG 的 FXG 技术。这里有一个很好的教程,还可以参考 James Whittaker 关于 FXG 和 Degrafa文章。另外,Creating Visual Experiences with Flex 3.0 这本书也是案头必备。

JSCharts

一个 JavaScript 图表工具,拥有很多模板。

MilkChart

几个简单以用又功能强大的数据到图表转换工具。使用 HTML5 Canvas 对象。

Ajax.org
一个纯 JavaScript 实时图表生成平台。

BirdEye
用于 Adobe Flex 的可视化数据分析类库,基于 actionscript。

KartOO
一个非常直观的可视化搜索引擎。

Google Chart API
Google 的图表 API。

JFreeChart

Protovis

DojoX Data Chart
基于 Dojo 的图形工具

Dundas
.NET 下老牌的数据图表工具。

Degrafa
一个图形框架,用于创建 UI,可视化数据,地图等。

Flex Monster Pivot Table and Charts
提供 Flex/Flash 数据透视表,用于 RIA 应用的开发。

本文国际来源:onextrapixel.com Huge Infographics Design Resources: Overview, Principles, Tips and Examples (原文作者:Bima Arafah)

中文编译来源:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K969.aspx


2
Jul 10

数据之美(六)[转]

这是《数据之美》系列的第五篇,本文搜集了更多令人叹为观止的数据图(Infographics),展示了那些原本枯燥的数据,在转换为可视化图表之后令人目不暇接的美丽。数据之美系列的前四篇请参阅《数据之美五》,《数据之美四》,《数据之美三》,《数据之美二》,《数据之美一》。

Mapping prep 2

Storage10

Digital Media Weights and Measures

Codes of Design

Editora Moderna

Italians social condition – Poverty -

Flickr Photo Download: Boiling Ocean

Geological time spiral

(285) Length of My Toes, From Ball of Foot to Tip (A Bar Graph)

data visualisation with processing

Planets

Where is Everyone?

Haga clic para continuar

Cool Infographics: How Long Will It Last?

One week of earthquakes (showing hypocentric depth)

Dear Gretchen

Beatles Infographics

Olympics_colorTIGHT1

NATURE

Frederick Engels Biography

Wide Choices

Complex Data Visualization

The Medal is a World

Crisis has toppled some of the world’s major economies

Cost of Ownership

Forever Young

Fifty Years of Exploration

The Big Questions of Climate Change

How Long Will It Last?

The Killing of Puerto Hurraco

Lord of the Gorillas

Which Professionals Are Happiest?

The Feltron 2008 Atlas

Expiry Date

Infographic: Park Ranger Handbook

本文国际来源:http://www.noupe.com/inspiration/stunning-infographics-and-data-visualization.html
中文编译与解说:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K900.aspx


2
Jul 10

数据之美(五)[转]

这是《数据之美》系列的第五篇,本文搜集了更多令人叹为观止的数据图(Infographics),展示了那些原本枯燥的数据,在转换为可视化图表之后令人目不暇接的美丽。数据之美系列的前四篇请参阅《数据之美四》《数据之美三》,《数据之美二》《数据之美一》。

37 Minute Bus Ride

新加坡一家公司收集的新加坡巴士运行统计数据。

Population of dead

有史以来全球人口统计

Feel Good

人的生理节奏

Hospital Aleman: Tree

不听话的孩子有前途

Pink Floyd Timeline 1960-2000

平克弗洛伊德编年史

Genealogy of Pop and Rock Music

1955到1978年,流行音乐谱系(太令人敬佩了,这图)

Feel Good

人体生理节奏之二

Digital Podge

一个艺术或设计沙龙的活动记录

Ancient Hebrew Cosmology

古希伯来人的宇宙观

Twitter Territory

美国各地的 Twitter 分布

Digital Nostalgia

技术的发展以及对人类社会的影响

‘Simpsons’ comedy tree

《辛普森一家》对波普文化的影响

Overnewsed but uninformed

我承认,我名研究明白这图的意思,似乎是说新闻泛滥与消息闭塞?

Knot Tied

随着时间的推移,美国人对同性婚姻的态度转变

Jules & Jim: Entropy of Love

从电影《朱尔与吉姆》看三角关系

Feltron: 2009 Annual Report

关于人类行为的统计报告(很另类)

Ouch? The Largest Commercial Fine In US History

美国历史上开出的最大的商业罚单记录

Nonsense Chart No.6 by 1chord & a fib.

无主题数据图

The Profile of Italian Poverty

意大利贫困人口状况

High-Speed Trains

全球高速火车发展历程与地区分布

Days of the week

不懂

Josef Muller Brockmann, Style Typographique International

法国图形设计师关于排版风格的一项研究

The Modern Listener’s Guide
关于独立音乐及其受众的调查图表

Felicidade para Todos

不懂

Marian Bantjes: influence map

Marian Bantjes 所受的艺术流派的影响

Felicidade para Todos

不懂

Seeking Refuge Infographics

全球难民一览

Smart/Models Infographics

不懂

STATES UNITED

将美国各州地图重新组合成一个心形

On Currency: The Latte Exchange

一杯星巴克拿铁咖啡在全世界各地的售价以及同在美国售价的比较,小资们注意了,根据换算,星巴克在中国的售价是美国的3倍。

The Hall of Mascots

体育赛事吉祥物展

How Much Sofia Dirt Costs

不懂

本文国际来源:http://www.noupe.com/inspiration/stunning-infographics-and-data-visualization.html
中文编译与解说:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K899.aspx


2
Jul 10

数据之美(四)[转]

Infographic 是一种对信息数据进行视觉化展示的技术,我们曾在数据库之美),数据之美(三)等文章中介绍过许多漂亮的 Inofgraphics。本文精选了 20 个与 Infographic 有关的网站,喜欢 Infographic 的读者可以在那里找到许多令人叹为观止的漂亮图。关于 Infographic,国内一般译为数据图表,我喜欢称之为视讯图。

Information is Beautiful

infoisbeautiful

Visual Compelxity

visualcomplexity

Flowing Data

flowingdata

Indexed

indexed

Cool Infographics

coolinpho

Chart Porn

chartporn

EagerEyes

eagereyes

Simple Compelxity

simplecomplexity

Data Visualization

datavisualization

Well Formed

wellformated

Sankey Diagrams

sankey

Cartogrammar

cartogrammar

Wall Stats

wallstats

Accuracy & Aesthetics

accu

iGraphics Explained

igraphics

Junk Charts

junk

Many Eyes

manyeyes

Juice Analytics

juice

Good Magazine

good

本文来源:http://www.inspiredm.com/2009/10/10/20-essential-infographics-data-visualization-blogs/
中文翻译来源:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K853.aspx


2
Jul 10

数据之美(三)[转]

本文是 Webdesigner Depot 推出的另一篇同题材文章,介绍了25幅令人赞叹的计算机数据图形(Infographics),再次领略数据之美。

1. Web 趋势图

2. 字体周期表

3. 全球 Internet 流量图

4. 经验的归结

5. Flickr 用户模型

6. 浏览器之战

7. 垃圾信息阅读报告

8. 网络文章的生命周期

9. 在线沟通地图

10. 用 1001 个 Web2.0 标志组成的世界地图

11. 全球海底光缆地图

12. SEO毒药

13. Google PageRank 之视觉解释

14. 用社会媒体开一间公司

15. SEO 清单

16. 博客文章的生命周期

17. 软件战势图

18. 美国网民结构图

19. 看看1600万色的模样

20. 可视化表示方式周期表

21. Internet 周期表

22. 国家编码地图

23. 苹果产品分布图

24. 美国 50年来消费电子市场与价格分布

25. Yahoo 所有 API 与服务分布图

26. 数字存储媒介的重量与尺寸

27. 同国家不同时期对色彩的喜好

28. Facebook vs. Twitter

本文国际来源:http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/
中文翻译来源:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K825.aspx


1
Jul 10

数据之美(二)[转]

数据是抽象的,尤其是海量数据,人的大脑很难直接对大量数据进行分析并获得印象,然而从另一个角度看,数据也可以异常美丽,人们设计了很多工具,让枯燥的数据图形化,本文介绍了50个数据图形化工具,它们以令人难以置信的方式让我们看到了数据美丽的一面。这是本文档第二部分,第一部分请参阅数据之美(上)

其它

Visualizing Information Flow in Science

显示学术刊物被引用的关系,借此评价一份学术刊物的份量。

Micro Fashion Network: Color

该图显示了时装风格的持续变化,尤其是基本的色彩元素。使用一架固定相机加专业软件拍摄并分析剑桥大学里面人们的服装颜色。

TED Sphere

将 TED 大会的视频以 3D 形式展示在一个球体上,你可以从内部或外部观看这个球体,视频的摆放基于语义关联。

Visualizing The Bible

圣经中63000个相互引用的行文关系,纯粹为了显示一种漂亮效果。

Walrus

在一个 3D 界面中通巨量图形进行交互。选择一个节点,让图形以该点位中心放大。

We Feel Fine

这是一个很有趣的数据可视化工具,显示某一天博客圈的总体情绪,你可以根据年龄,地点,性别,天气等进行筛选,该图反映了互联网当前的情绪。

One Week of The Guardian

展示了英国 Guardian 报一周来所有文章的关系,标题,作者,页数以及目录。

Nemulator

一个心理模拟项目。

Voyage

一个基于 Web 的 RSS 阅读器,在时间轴上可视化显示你的 RSS 订阅。

Blooming Numbers

该项目旨在研究不同文化背景下人们对不同数字的偏好。

CIA World Factbook Visualization

根据 CIA 数据,显示不同国家之间的关系,包括邻国,语言,水源以及疆界等。

TextArc Visualization of The History of Science

《科学史》一书的结构图。

Newspaper Map

没看明白,原文链接已经失效 – 译者。

GraphNews

Libero WebNews 推出的新闻可视化浏览器。

Newsmap

显示 Google News 当前新闻标题,显示不同新闻之间在不同文化下的关系。

FreeMind

一个基于 Java 的工具,可以让用户快速建立数据可视化应用,生成的数据地图可以输出到 XHTML 格式的文件。

Resource System Reference Database

曾作为 IEEE 2004 年会 InfoVis2004 的海报,该图中,曲线的粗细代表关系的强弱。

Is the New

大量某某某是新的某某某一类的句式,如“紫色是一种新式粉红”,“技术是一种新式宗教”。

WikiMindMap

以结构地图的形式显示 Wiki 内容。

How Scientific Paradigms Relate

显示了大约700个科学范例之间的关系,以及他们是如何被超过80万篇科学论文所涉及。

Universe

某个搜索条目的复杂而海量的可视化结果。

visualcomplexity.com

众多数据库可视化图标的总汇,包括商业,艺术,互联网,知识网络,生物,交通,社会等。

The Strengths of Nations

10个不同国家的科学水平可视化展示,包括美国,英国,法国,中国,澳大利亚等,分23个不同领域,包括数学,生物学,天文学等。

 

本文国际来源:http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/
中文翻译来源:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K821.aspx


1
Jul 10

数据之美(一)[转]

数据是抽象的,尤其是海量数据,人的大脑很难直接对大量数据进行分析并获得印象,然而从另一个角度看,数据也可以异常美丽,人们设计了很多工具,让枯燥的数据图形化,本文介绍了50个数据图形化工具,它们以令人难以置信的方式让我们看到了数据美丽的一面。这是本文档第一部分,第二部分请参阅数据之美(下)

音乐相关

Narratives 2.0

将不同声轨的音乐用该系统进行分析,下面是贝多芬第五交响曲的样子。

Liveplasma

输入乐队,歌手,电影,演员的名字,该工具会帮你列出他们之间的关联。

Tuneglue

输入任何歌手或乐队的名字,点搜索,可以以该乐队或歌手为中心向外扩展,找到与之关联的更多资料。

MusicMap

和 TuneGlue 的界面类似,搜索一个乐队或歌手,会列出他们全部专辑,选中一个专辑,并以此为中心可以发现更多相关专辑和资料。

Last.Forward

一个可下载的,开源工具,用来分析 Last.fm 用户的社会网络。

Fidg’t

一个桌面工具,根据 Flickr 和 Last.fm 中的 Tag 分析你的 Web 活动倾向。

Digg, Twitter, Delicious, Flickr 相关

Looks Del.icio.us

Delicious 的书签分析图形,基于 python 下的一个图形库。

Arc

来自 Digg 实验室的一个产品,显示最新的 Diggs 及那些发布和分享这些 Digg 的用户关系。

Stack

Digg 提供的最实际用的数据分析工具,实时显示 Digg 当前的活动状况,什么文章最受欢迎等。

Swarm

Digg 实验室出品的分析工具中,用户界面较好的一个,文章和用户分散到屏幕上,当某人 Digg 了一篇文章,这个用户就会飞到那篇文章旁边并建立链接,还可以将这个工具作为屏保安装。

Research Chronology

在学生本学期的功课和 Delicious 书签之间建立关联,该项目将继续包括的书签站点超过270个。

TwittEarth

在一个 3D 地球模型上实时显示 Twitter 全球活跃状况,显示 Twitter 上那些 Tweets 来自什么地区,什么地区的人在跟。只是坐在那里观赏也很奇妙。

Tag Galaxy

搜索 Flickr 的标签,并将它们显示在一个虚拟的星系中。

Flickr Related Tag Browser

搜索 Flickr 标签与相关标签,点击不同标签,显示相关标签,点击选中的标签,可以看到该标签下对应的 Flickr 图片库。

Internet 分析

Mapping the Blogosphere

全球博客圈的分布图。

Twingly Screensaver

全球博客圈的实时活跃状况图。

Web Trend Map 4

显示当前全球网络在线趋势图,目前是第四版。

The Bloom Diagram

来自 IBM Watson 研究中心的一个项目,显示开源项目的活跃状况。

Akami Real-time Web Monitor

在一张世界地图上实时显示全球互联网流量,以及当前网络攻击状况,使用颜色区分不同活动。

Mapa de Conocimiento (Map of Knowledge)

对某些课题的知识分布图,基于 Flash,将一些主要课题的链接地址组织到一起,目前只有英文和西班牙文版本。

Akami Network Performance Comparison

显示不同城市之间互谅网连接速度及丢包情况。(可以帮我们验证世界上最远的距离不是北京和纽约,而是网通和电信,现在是联通和电信)

Internet Health Report

使用网格,显示全球主要 ISP 和骨干网之间潜在的丢包以及网络活动状况。

Hierarchical Structure of the Internet

显示了 Internet 是如何组织的,可以看到,Internet 的核心是大约80个主要节点,不过即使这些核心节点出现故障,其余的70%的节点也会以点对点模式继续保持 Internet 运转。

Rootzmap—Mapping the Internet

Internet 地图。由 NASA 提供, Philippe Bourcier 设计。

Websites as Graphs

显示一个网站源代码中的标签地图,不同颜色代表不同标签,比如蓝色代表链接,红色代表 table。

Schemaball

SQL 数据库结构图,基于表之间的外键,显示表间的关联。

Opte Project

显示世界上所有 C 网段结构图,目的是为全球互联网建立一个完整的地图。

本文国际来源:http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/
中文翻译来源:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K820.aspx