Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data – tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. In fact, there are much better, profound, creative and absolutely fascinating ways to visualize data. Many of them might become ubiquitous in the next few years.
So what can we expect? Which innovative ideas are already being used? And what are the most creative approaches to present data in ways we’ve never thought before?
Let’s take a look at the most interesting modern approaches to data visualization as well as related articles, resources and tools.
1. Mindmaps Link
Informationarchitects.jp3 presents the 200 most successful websites on the web, ordered by category, proximity, success, popularity and perspective in a mindmap. Apparently, web-sites are connected as they’ve never been before. Quite comprehnsive.
2. Displaying News Link
Digg BigSpy arranges popular stories at the top when people digg them. Bigger stories have more diggs.
Digg Stack: Digg stories arrange themselves as stack as users digg them. The more diggs a story gets, the larger is the stack.
3. Displaying Data Link
Hans Rosling TED Talk14 is a legendary talk of the Swedish professor Hans Rosling, in which he explains a new way of presenting statistical data. His Trendalyzer software (recently acquired by Google) turns complex global trends into lively animations, making decades of data pop. Asian countries, as colorful bubbles, float across the grid — toward better national health and wealth. Animated bell curves representing national income distribution squish and flatten. In Rosling’s hands, global trends — life expectancy, child mortality, poverty rates – become clear, intuitive and even playful.
Three Views shows three views of the earth, in which each country is represented by a circle that shows the amount of money spent on the military (size of circle) and what fraction of the country’s earnings that uses (colour). Compact and beautiful presentation of data.
4. Displaying connections Link
Shape Of Song21: What does music look like? The Shape of Song is an attempt to answer this seemingly paradoxical question. The custom software in this work draws musical patterns in the form of translucent arches, allowing viewers to see – literally – the shape of any composition available on the Web.
5. Displaying web-sites Link
Spacetime27 offers Google, Yahoo, Flickr, eBay and images in 3D. The tool displays all of your search results in an easy to view elegant 3D arrangement. Company promises that the days of mining through pages and pages of tiny thumbnails in an effort to find the item you are looking for are over.
6. Articles & Resources Link
The project presents the most beautiful methods of data visualization as well as further references and book suggestions. The gallery has over 450 entries.
- 1 http://www.informationarchitects.jp/ia-trendmap-2007v2
- 2 http://www.informationarchitects.jp/ia-trendmap-2007v2
- 3 http://www.informationarchitects.jp
- 4 http://www.marumushi.com/apps/newsmap/
- 5 http://www.marumushi.com/apps/newsmap/
- 6 http://amaztype.tha.jp
- 7 http://amaztype.tha.jp
- 8 http://www.hottoast.org/convexstyle/flickrtime/
- 9 http://www.hottoast.org/convexstyle/flickrtime/
- 10 http://www.time.com/time/covers/20061030/where_we_live/
- 11 http://www.time.com/time/covers/20061030/where_we_live/
- 12 http://www.crazyegg.com
- 13 http://crazyegg.com/
- 14 http://www.ted.com/index.php/talks/view/id/92
- 15 http://www.ted.com/index.php/talks/view/id/92
- 16 http://www.abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/
- 17 http://www.abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/
- 18 http://www.abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/
- 19 http://www.burstlabs.com
- 20 http://www.burstlabs.com
- 21 http://www.turbulence.org/Works/song/gallery/gallery.html
- 22 http://www.turbulence.org/Works/song/gallery/gallery.html
- 23 http://www.musicovery.com
- 24 http://www.musicovery.com
- 25 http://www.oreilly.com/pub/a/oreilly/news/languageposter_0504.html
- 26 http://www.oreilly.com/pub/a/oreilly/news/languageposter_0504.html
- 27 http://www.spacetime.com
- 28 http://www.spacetime.com
- 29 http://ubrowser.com/
- 30 http://ubrowser.com/
- 31 http://www.visualcomplexity.com/vc/
- 32 http://www.visualcomplexity.com/vc/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.