//
you're reading...
Carte, Communauté, Design, Interface, network, Outils, Réseau, Utilisateur

Visualisation de données : quelles sont les différentes approches possible ?


Data presentation can be both 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

Trendmap 2007

web trend 2007

Trendmap 2007

Informationarchitects.jp 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

Newsmap is an application that visually reflects the constantly changing landscape of the Google News news aggregator. The size of data blocks is defined by their popularity at the moment.

Newsmap

Newsmap

Voyage is an RSS-feader which displays the latest news in the “gravity area”. News can be zoomed in and out. The navigation is possible with a timeline.

Voyage

RssVoyage

Digg BigSpy arranges popular stories at the top when people digg them. Bigger stories have more diggs.

Digg Big spy

Digg BigSpy

Digg Stack: Digg stories arrange themselves as stack as users digg them. The more diggs a story gets, the larger is the stack.

Stack

Digg Stack

3. Displaying Data

Amaztype, a typographic book search, collects the information from Amazon and presents it in the form of keyword you’ve provided. To get more information about a given book, simply click on it.

Amaztype

Amaztype

Similar idea is being used by Flickrtime. The tool uses Flickr API to present the uploaded images in real-time. The images form the clock which shows the current time.

Flickr Times

Flickrtime

Time Magazine uses visual hills (spikes) to emphasize the density of American population in its map.

us

Time Magazine

CrazyEgg lets you explore the behavior of your visitors with a heat map. More popular sections, which are clicked more often, are highlighted as “warm” – in red color.

CrazyEgg

CrazyEgg

Hans Rosling TED Talk is a legendary talk of the Swedish professor Hans Rosling, in which he explains a new way of presenting 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.

Hans Rosling

Hans Rosling TED Talk

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.

arms

Three Views

We Feel Fine shows human feelings, calculated from a large number of weblogs.

madness

We Feel Fine

Visualizing the Power Struggle in Wikipedia displays the most popular articles and the most frequent search queries in the heatmap.

wikipedia1

Visualizing the Power Struggle in Wikipedia

Wikipedia2

Visualizing the Power Struggle in Wikipedia

Websites as graphs. An HTML DOM Visualizer Applet, which displays sites as graphs depending on the amount of links, tables, div, images, forms and other tags.

graph

Websites as graphs

Interactive History Timeline presents the history of Great Britain, divided into interactive data blocks. The density of events is displayed on the map.

bbc

Interactive History Timeline

Winning Lotto Numbers is supposed to present the frequency of appearance of every number from one year to the next one. This graph is definitely not one of the most clear ones.

loto

Winning Lotto Numbers

Elastic Lists demonstrates the “elastic list” principle for browsing multi-facetted structures. You can click any number of list entries to query the database for a combination of the selected attributes. The approach visualizes relative proportions (weights) ofmetadata by size and visuzalizes characteristicness of a metadata weight by brightness. Author’s blog regularly informs about new experiments in the area of data visualization. Nice to observe, useful to bookmark.

elasticlist

Elastic Lists

The JFK Assassination TimelineAn Ajax-based approach vor visual presentation of historical events. John F. Kennedy assassination as timeline with numerous presentation options. The related article with further examples.

4. Displaying connections

Munterbund showcases the results of research graphical visualization of text similarities in essays in a book. “The challenge is to find forms of graphical and/or typographical representation of the essays that are both appealing and informative. We have attempted create a system which automatically generates graphics according to predefined rules.”

burman

Munterbund

burman

Munterbund

burman

Munterbund

Burst Labs suggests similar or connected items to your search queries (favourite artists, tv shows, movies, genres etc.) in a bubble. Not really new, but still inspiring.

burstlab

Burst Labs

Universe DayLife displays events, connections and news as circles which gravitate around the topic they are related to.

univers

Universe DayLife

Musiclens gives music recommendations and presents your current mood and musical taste as a diagram.

music

Musiclens

Figd’t Visualizer allows you to play around with your network. You interface with the Visualizer through Flickr and LastFM tags, using any tag to create a Magnet. Once a Tag Magnet is created, members of the network will gravitate towards it if they have photos or music with that same Tag. Available for Mac OS X, Windows and Linux. Alpha-version.

fidgt

Figd’t Visualizer

What have I been listening to?: Lee Byron describes his approach of creating a histogram about his music listening history.

lastfm

What have I been listening to

Shape Of Song: 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.

music

Shape Of Song

Musicmap: connections are represented as connected lines; they create a web.

u2

Musicmap

Musicovery displays music taste connections and lets you listen to the song and browse through similar songs.

musicovery

Musicovery

Lanuage Poster proves that even simple lines can be descriptive enough. The History of Programming Languages as an original timeline.

program

Lanuage Poster

5. Displaying web-sites

Spacetime 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.

spacetime

Spacetime

UBrowser is an open source test mule that renders interactive web pages onto geometry using OpenGL® and an embedded instance of Gecko, the Mozilla rendering.

ubrowser

UBrowser

6. Articles & Resources

  • Visualcomplexity.com

    The project presents the most beautiful methods of data visualization as well as further references and book suggestions. The gallery has over 450 entries.

    vc

    Visual complexity.com

In his article Infosthetics: the beauty of data visualization Andrew Vande Moere, well-known through his blog Infosthetics, discusses the aesthetics of data visualization and modern apparoaches in this area. Creative design ideas combine form and content and generate fascinating graphs – is it a new area in the art of next generation?

infothetics

Infosthetics

infothetics

Infosthetics

infothetics

Infosthetics

    The article presents 13 new techniques of data visualization, with examples and further references.

    • 16 Awesome Data Visualization Tools
      “From navigating the Web in entirely new ways to seeing where in the world twitters are coming from, data visualization tools are changing the way we view content. We found the following 16 apps both visually stunning and delightfully useful.” An extensive overview by Mashable.com.
    • Dataesthetics
      Eric Blue provides some references to unusual Data Visualization methods.
    • infosthetics – information aesthetics

      Andrew Vande Moere about data visualization, latest development and design ideas.

      docuburst

      Infosthetics

    • Visualizing Delicious Roundup
      An overview of Del.icio.us tools you can use to visualize your bookmarks.
    • Periodic Table
      A periodic table of visualization methods.
    periodic

    Periodic Table

    7. Tools and Services

    ibm

    IBM Many Eyes

    This Java-based service visualizes data online and helps to create pie charts, diagrams, tree maps, bar charts and histograms. Registration is required. Some examples are simply amazing.

    • prefuse | the prefuse visualization toolkit
      Presents the beta-version of a Java-based toolkit for programming of application with integrated data visualization methods
    • Swivel
      This service creates pie charts, diagrams and histograms “on the fly”. It also provides a Swivel API you can use to improve already existing visualization methods.
    • You can find even more tools for designing your own diagrams and charts online in our article Charts and Diagrams Tools.

    VIA : http://www.smashingmagazine.com/

    À propos de ADNxtc

    Charles Parent on the wave since 1996. Topics: SEO, Digital Marketing, Graphic Design, Culture, Architecture, Museum, Education, Webmarketing, Social Networks. Bio: http://charlesparent.net from Nantes (FR)

    Discussion

    6 réflexions sur “Visualisation de données : quelles sont les différentes approches possible ?

    1. Pretty cool post. I just stumbled upon your blog and wanted to say
      that I have really liked reading your blog posts. Anyway
      I’ll be subscribing to your blog and I hope you post again soon!

      Publié par Arun Rampal | 22 juillet 2009, 13 h 45 min
    2. The best information i have found exactly here. Keep going Thank you

      Publié par Boby Nash | 15 juillet 2009, 5 h 20 min

    Rétroliens/Pings

    1. Pingback: Quand l’image embrasse le sujet « Quand les singes prennent le thé - 11 mars 2010

    2. Pingback: my Creative Synthesis » Blog Archive » Bookmarks for October 4th through October 7th - 9 octobre 2008

    3. Pingback: 08/08/07 at Artistik Intelligence Agency - 8 août 2007

    4. Pingback: As-map Blog » Casablanca is GOod for U - 8 août 2007

    Laisser un commentaire

    Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

    Logo WordPress.com

    Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

    Image Twitter

    Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

    Photo Facebook

    Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

    Photo Google+

    Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

    Connexion à %s

    TWITTER

    Flickr Photos

    Google Fail error 414

    mb3DEngine-_RSS-in-3D

    sigir06-poster

    bnf_grey_responsable_map

    FlickrVision3D

    FlickrVision

    Plus de photos
    %d blogueurs aiment cette page :