上一篇
下一篇
数据之美-50 Great Examples of Data Visualization
作者:agou 日期:2009-06-11
Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information.
And trying to find related content can also be difficult, depending on what data you’re looking for.
But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner.
Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter.
中文翻译转自网络，仅供参考！
数据是抽象的，尤其是海量数据，人的大脑很难直接对大量数据进行分析并获得印象，然而从另一个角度看，数据也可以异常美丽，人们设计了很多工具，让枯燥的数据图形化，本文介绍了50个数据图形化工具，它们以令人难以置信的方式让我们看到了数据美丽的一面。
Music, Movies and Other Media
Narratives 2.0 visualizes music. Different music tracks are segmented into single channels that are then shown in a fan-like structure.
将不同声轨的音乐用该系统进行分析，下面是贝多芬第五交响曲的样子
Liveplasma is a music and movie visualization app that aims to help you discover other musicians or movies you might enjoy. Type in the name of a band, artist, movie, director or actor and liveplasma will show you related people, bands or movies.
Liveplasma
输入乐队，歌手，电影，演员的名字，该工具会帮你列出他们之间的关联。
Tuneglue is another music visualization service. Just type any artist or band into the search box and hit enter. A circle comes up representing that band. You can then expand from there, clicking on any new additions after each expansion to expand further. By click on “releases” you can order their albums from Amazon.
输入任何歌手或乐队的名字，点搜索，可以以该乐队或歌手为中心向外扩展，找到与之关联的更多资料。
MusicMap is similar to TuneGlue in its interface, but seems slightly more intuitive. Search for an artist or band and a list of albums will come up. Once you choose an album a circle pops up on the map. From there you can expand to get related albums, remove that album, or get more information.
和 TuneGlue 的界面类似，搜索一个乐队或歌手，会列出他们全部专辑，选中一个专辑，并以此为中心可以发现更多相关专辑和资料。
Last.Forward is a downloadable, open-source tool to visualize any Last.fm user’s social network, including relationships between other users.
一个可下载的，开源工具，用来分析 Last.fm 用户的社会网络。
Fidg’t is a desktop app that uses Flickr and Last.fm tags to let you visualize your network and their tagging activities. You can see what your network’s predispositions are toward different tags and types of content.
一个桌面工具，根据 Flickr 和 Last.fm 中的 Tag 分析你的 Web 活动倾向。
Digg, Twitter, Delicious, and Flickr
Looks Del.icio.us is a collection of different Delicious bookmark visualizations. They’re created with a python-based graphics library and layout engine.
Delicious 的书签分析图形，基于 python 下的一个图形库。
Arc is a product from Digg Labs that shows the latest Diggs, and the relationships between the users submitting and digging them. There are two different speed modes, the slower of which is great if you actually want to read the story headlines.
来自 Digg 实验室的一个产品，显示最新的 Diggs 及那些发布和分享这些 Digg 的用户关系。
Stack is probably the most useful of the visualization offerings from Digg. Stories with the most recent activity load across the bottom of the screen and then ‘Diggs’ seemingly fall from the sky to land and create a real-time graph of what stories are popular. Whenever a ‘Digg’ hits a story stack, the title of the story is shown at the bottom of the screen, pushing previous stories down, and eventually off the screen.
Digg 提供的最实际用的数据分析工具，实时显示 Digg 当前的活动状况，什么文章最受欢迎等。
Swarm has one of the cooler user interfaces of all the Digg Labs offerings, with stories and users flying around on the screen. When someone ‘diggs’ a story, they fly over to the circle representing the story itself and are briefly linked up to it. Hovering over a story or user shows its name and allows you to click. You can also download Swarm as a screensaver.
Digg 实验室出品的分析工具中，用户界面较好的一个，文章和用户分散到屏幕上，当某人 Digg 了一篇文章，这个用户就会飞到那篇文章旁边并建立链接，还可以将这个工具作为屏保安装。
Research Chronology shows the relationships between one student’s research paths via Delicious bookmarks over the course of a semester. It’s an ongoing project and includes bookmarks for more than 270 websites.
在学生本学期的功课和 Delicious 书签之间建立关联，该项目将继续包括的书签站点超过270个。
TwittEarth shows live tweets from all over the world on a 3D globe. It’s a great visualization tool to see where tweets are coming from in real time and discover new people to follow. It’s also fascinating just to sit and watch.
在一个 3D 地球模型上实时显示 Twitter 全球活跃状况，显示 Twitter 上那些 Tweets 来自什么地区，什么地区的人在跟。只是坐在那里观赏也很奇妙。
Tag Galaxy lets you search for Flickr tags and have them shown visually in a mockup of a star system. Clicking on any planet (tag) within the first representation changes the image and recenters that tag as the star and pops up new related tags as planets. Clicking on the sun itself brings up a globe covered in images tagged as you’ve specified.
搜索 Flickr 的标签，并将它们显示在一个虚拟的星系中。
The Flickr Related Tag Browser allows you to search for a series of tags and see related tags. Clicking on a different tag brings up new related tags. You can zoom into the tag selected in the center of the screen by hovering and see images tagged with that word. It also gives a total image count and lets you browse by page.
搜索 Flickr 标签与相关标签，点击不同标签，显示相关标签，点击选中的标签，可以看到该标签下对应的 Flickr 图片库。
Internet Visualizations
Mapping the Blogosphere is a collection of maps of the blogosphere, including hyperbolic maps, as shown here.
全球博客圈的分布图。
The Twingly Screensaver visualizes the blogosphere worldwide in real time. You get a continuous feed of blog activity straight to your screen.
全球博客圈的实时活跃状况图。
Web Trend Map 4 shows a visualization of current trends online. This is the fourth iteration of this map and the most detailed one yet.
显示当前全球网络在线趋势图，目前是第四版。
The Bloom Diagram is a project from the IBM Watson Research Center that visualizes the contributions of individuals to open source projects.
来自 IBM Watson 研究中心的一个项目，显示开源项目的活跃状况。
Akami Real-time Web Monitor shows a map of the world with real-time information about internet traffic, latency and current network attacks. The maps are color-coded and easy to read, but only give very generalized information.
在一张世界地图上实时显示全球互联网流量，以及当前网络攻击状况，使用颜色区分不同活动。
The Mapa de Conocimiento (Map of Knowledge) is a schematic of knowledge involved in any given idea or project. Built in Flash, this tool visualizes a group of URLs organized under main ideas. The map is available in English and Spanish.
对某些课题的知识分布图，基于 Flash，将一些主要课题的链接地址组织到一起，目前只有英文和西班牙文版本。
Akami Network Performance Comparison shows the packet loss and network speeds between different cities around the world (to showcase how their technology is better than the standard “public” internet). It also shows graphs of the information.
显示不同城市之间互谅网连接速度及丢包情况。（可以帮我们验证世界上最远的距离不是北京和纽约，而是网通和电信，现在是联通和电信）
Internet Health Report shows the latency, packet loss, and network availability of the major ISPs and backbone providers worldwide in a color-coded grid format. Hovering over any of the cells in the grid gives more information about the health of that particular connection.
使用网格，显示全球主要 ISP 和骨干网之间潜在的丢包以及网络活动状况。
The Hierarchical Structure of the Internet was a study that looks at how the Internet is organized, both in terms of structure and connectivity. It shows how the central core of the Internet is made up of about 80 core nodes, but that even if those nodes failed, 70% of the other nodes would still function via peer-to-peer connections.
显示了 Internet 是如何组织的，可以看到，Internet 的核心是大约80个主要节点，不过即使这些核心节点出现故障，其余的70%的节点也会以点对点模式继续保持 Internet 运转。
Rootzmap—Mapping the Internet is a series of maps based on data sets provided by NASA and created by Philippe Bourcier. There are a number of different maps available.
Internet 地图。由 NASA 提供， Philippe Bourcier 设计。
Websites as Graphs shows the structure of different websites based on the tags used in their code in a color-coded map that grows on the screen as you watch. Tags are somewhat intuitive in their color-codes, with blue for links, red for tables, and gray for any tags not specifically given a color.
显示一个网站源代码中的标签地图，不同颜色代表不同标签，比如蓝色代表链接，红色代表 table。
Schemaball visualizes SQL database schema. Relationships are shown based on foreign keys within tables. It’s capable of showing schemas with hundreds of different tables and relationships.
SQL 数据库结构图，基于表之间的外键，显示表间的关联。
The Opte Project aims to map every class C network on the Internet from a single computer and a single Internet connection. The overall goal is to create a map of the entire Internet.
显示世界上所有 C 网段结构图，目的是为全球互联网建立一个完整的地图。
Miscellaneous Visualizations and Tools
Visualizing Information Flow in Science includes a set of four visualizations showing relationships between citations in scholarly journals that are used to evaluate the importance of each journal.
显示学术刊物被引用的关系，借此评价一份学术刊物的份量。
The Micro Fashion Network: Color visualizations show the continuous change of styles in fashion, with a particular look at the basic elements of color. It was created by using a fixed camera and special software to map the colors of clothing people in Cambridge were wearing.
该图显示了时装风格的持续变化，尤其是基本的色彩元素。使用一架固定相机加专业软件拍摄并分析剑桥大学里面人们的服装颜色。
The TED Sphere shows videos from the TED conference in a spherical format with 3D navigation. You can view the sphere from inside or outside and the layout of videos is based on semantic compatibility.
将 TED 大会的视频以 3D 形式展示在一个球体上，你可以从内部或外部观看这个球体，视频的摆放基于语义关联。
Visualizing The Bible gives a visual overview of more than 63,000 textual cross-references within the Bible. It’s intention is to be more beautiful than functional.
圣经中63000个相互引用的行文关系，纯粹为了显示一种漂亮效果。
Walrus is a visualization tool that allows you to interact with massive graphs in a 3D interface. Interaction is based on selecting any node and then having the graph zoom in to expand on that point.
在一个 3D 界面中通巨量图形进行交互。选择一个节点，让图形以该点位中心放大。
We Feel Fine is one of the most interesting visualization tools I came across. It provides visualizations on the general feelings populating the blogosphere on any given day. You can filter results based on age, location, gender, weather, and other criteria. There are six different visualizations available: Madness, Murmurs, Montage, Mobs, Metrics, and Mounds, each of which give a different portrait of the general feelings abounding on the internet.
这是一个很有趣的数据可视化工具，显示某一天博客圈的总体情绪，你可以根据年龄，地点，性别，天气等进行筛选，该图反映了互联网当前的情绪。
One Week of The Guardian is a visualization of the stories from The Guardian newspaper. It focuses on the relationships between headlines, authors, pages, and categories.
展示了英国 Guardian 报一周来所有文章的关系，标题，作者，页数以及目录。
Nemulator is a project that aims to visualize “nemes,” or different fragments of states of mind. It also aims to serve as a starting point for discussions relating to the scalability of nemes.
一个心理模拟项目。
Voyage is a web-based RSS reader that visually displays RSS feeds on a timeline. It’s a great way to explore the different feeds you subscribe in a completely different format.
一个基于 Web 的 RSS 阅读器，在时间轴上可视化显示你的 RSS 订阅。
Blooming Numbers is the 2006 CGD MFA Thesis Project of Yuri Lee. It’s goal is to show the relationships between preferences of numbers and cultural contexts in an interactive way.
该项目旨在研究不同文化背景下人们对不同数字的偏好。
CIA World Factbook Visualization shows a visualization of relationships between different countries and continents based on data from the CIA World Factbook. It shows semantic relationships for each country, including neighboring countries, languages, water and terrestrial boundaries, and more.
根据 CIA 数据，显示不同国家之间的关系，包括邻国，语言，水源以及疆界等。
TextArc Visualization of The History of Science is a static visualization of the book The History of Science. It was originally displayed at the NYPL Science, Industry, and Business Library in New York.
《科学史》一书的结构图。
This Newspaper Map is a visualization of the rules of the daily production of a newspaper is a striking graphic format. The closeness of words signifies their relationships with each other as do lines traced between words.
GraphNews is a news visualization browser from the Libero WebNews service. It shows news stories in a mind-map-like format. Clicking on one node recreates the graph with the clicked item as the focus.
Libero WebNews 推出的新闻可视化浏览器。
Newsmap shows a visual representation of current headlines on Google News. It shows the relationships and patterns between different news stories across cultures and within different news segments. Be sure to click to the new JavaScript version for the best features.
显示 Google News 当前新闻标题，显示不同新闻之间在不同文化下的关系。
FreeMind is a Java-based mind mapping software that allows you to build your own data visualizations quickly and easily. Finished maps can be exported into clickable XHTML files as well as other formats.
一个基于 Java 的工具，可以让用户快速建立数据可视化应用，生成的数据地图可以输出到 XHTML 格式的文件
Resource System Reference Database was presented as a poster at InfoVis2004, IEEE’s annual conference. In this visualization, line weight shows the strength of relationships.
曾作为 IEEE 2004 年会 InfoVis2004 的海报，该图中，曲线的粗细代表关系的强弱。
Is the New documents instances of the phrase “is the new” and shows the relationships between the subject and object of that phrase. Examples include “Purple is the new pink” and “Technology is the new religion.”
大量某某某是新的某某某一类的句式，如“紫色是一种新式粉红”，“技术是一种新式宗教”。
WikiMindMap is a tool to visually browse Wiki content in a mind-map format and includes the ability to download any of their mindmaps in FreeMind format.
以结构地图的形式显示 Wiki 内容。
How Scientific Paradigms Relate shows the relationships between more than 700 scientific paradigms based on how they were mentioned in more than 800,000 scientific papers. Relationships are also based on how often different papers were cited by each other and by authors of other papers.
显示了大约700个科学范例之间的关系，以及他们是如何被超过80万篇科学论文所涉及。
Universe is a great app for visualizing the “universe” of particular search terms. There are sample terms available or you can input whatever you choose. The visualization given is reminiscent of astronomical charts.
某个搜索条目的复杂而海量的可视化结果
visualcomplexity.com isn’t strictly a visualization software, but rather a collection of visualizations already created and categorized. Categories include business networks, art, internet, knowledge networks, biology, transportation networks, social networks, and more.
众多数据库可视化图标的总汇，包括商业，艺术，互联网，知识网络，生物，交通，社会等
The Strengths of Nations is a visualization of the scientific advancement of ten different nations, including the United States, United Kingdom, France, China, and Australia. The map analyzes 23 different scientific areas, including math, biochemistry, and astrophysics.
10个不同国家的科学水平可视化展示，包括美国，英国，法国，中国，澳大利亚等，分23个不同领域，包括数学，生物学，天文学等。
Written exclusively for WDD by Cameron Chapman, a freelance writer and designer.
Which 0nes are your favorites? How important is the way we visualize data? Please share your comments with us…
新闻来源:webdesigner depot
片图抵千言，任何数据报告都不如一幅图来得形象，6月中旬，我们曾译介了 Webdesigner Depot 的一篇文章，《数据之美》（上，下）。本文是 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/
中文翻译来源：COMSHARP CMS 官方网站
文章来自: webdesignerdepot.com
引用通告: 查看所有引用 | 我要引用此文章
Tags: 数据 艺术 DATA 可视化 图形 
相关日志: