La représentation des données peut être belle, élégante et descriptive. Il existe une multitude de manière de visualiser les données : Tableaux, histogrammes, camembert et graphique en bâtons qui sont utilisé au quotidien, dans tous les projets et à toutes autres occasions possibles.

Pour faire passer un message un message a vos lecteurs, vous avez parfois besoin de plus qu’un simple graphique pour exprimer vos résultats. En effet il y  a mieux, plus précis et plus créatifs et surtout absolument plus fascinant. La plus part tendent à se rependre d’ici les prochaines années.

Alors que peut-on analyser ? Lesquelles de ces nouvelles idées sont déjà exploité ? Et pourquoi ces nouvelles approches de présentation de données n’ont pas été découvertes plus tôt ?

Jetons un coup d’œil aux meilleures approches de visualisation de données.

1. Mindmaps

Trendmap 2007

Web Trends 2007

Informationarchitects.jp présente les 200 plus gros succès du web, triés par catégories, similitudes, popularité et objectifs sur un mindmap. Apparemment, les sites web comme ils ne l’ont jamais étaient auparavant.

2. Lectures de News

Newsmap est une application qui reflète le paysage de l’agrégateur de Google news en changements constant. La taille des blocs est définie par leur popularité sur le moment.

Newsmap

Voyage est un flux RSS qui affiche les dernières news dans un « espace de gravité ». Les news peuvent être zoomer et dezoomer. La navigation est possible avec une barre de temps.

Voyage

Digg BigSpy place les billets populaires au top lorsque les visiteurs votent pour ces billets. Les meilleurs billets ont donc le plus de votes.

Digg Big Spy

Digg Stack:

Stack

3. Affichage de données

Amaztype, est un moteur de recherche typographique de livres, qui collecte des informations à partir d’Amazon et les présente sous forme de mot clés que vous saisissez. Pour avoir plus d’infos sur un livre cliquez simplement dessus!

Amaztype

Une idée similaire utilisée par Flickrtime. L’outil utilise l’API Flickr pour présenter les images chargées en temps réel. Les images forment l’horloge qui montre l’heure courante.

Flickrtime

Time Magazine utilise des pics visuels pour représenter la densité de la population américaine sur la cart.

Where we live

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

Three Views montre 3 vues de la terre, dans lesquelles chaque pays est représenté par un cercle qui montre le montant dépensé dans le domaine militaire (taille du cercle) et qui fractionne par couleurs selon le taux d’utilisation des armements. Une belle et concise représentation .

Three Views

We Feel Fine montre l’humeur humaine, calculée à partir d’un large panel de blogs.

We Feel Fine

Visualizing the Power Struggle in Wikipedia affiche les articles les plus populaires et les plus fréquentes recherches dans la map.

Wikipedia

Wikipedia

Websites as graphs. Un applet HTML DOM qui affiche les sites sous forme de graphique qui dépendra du nombre de liens, tables, div, images, formulaire et autre balises.

Websites as graphs

Interactive History Timeline présente l’histoire de la grande Bretagne, divisé en blocs de données interactive. La densité d’événements est affichée sur la carte.

Timeline

Winning Lotto Numbers iest supposé présenter la fréquence par apparition de tous les nombre d’une année à la suivante. Ce graphique n’est certainement pas l’un des plus claires.

Lotto

Elastic Lists démontre la « liste élastique » : principe pour parcourir les structures de données multi-facées. Vous pouvez cliquez sur n’importe quel chiffre de la liste pour interroger la base de données pour combiner des attributs sélectionné. L’approche visualise les proportions relatives (poids) des métadonnées par taille et vues de caractéristiques du poids des données par contraste.

Elastic Lists

Une application Ajax pour des présentations visuelles d’événements historique. L’assassinat de John F. Kennedy en référence a de nombreuses options de présentation. L’article relatif avec quelques exemples.


4. Afficher les connections

Munterbund génère des graphiques esthétiques et ou typographique.

Text similarities

Text similarities

Text similarities

Burst Labs suggère des outils similaire pour votre recherche (artiste favoris, programme télé, film; etc…) dans une bulle. Pas vraiment innovant mais toujours a la mode.

Burst Labs

Universe DayLife affiche événement, connexions et informations sous forme de cercle qui gravitent autour d’un sujet du même thème.

Universe

Musiclens donne des recommandations musicales et présente votre humeur  et gout musicaux actuel sous forme de diagramme.

Musiclens

Figd’t Visualizer vous permet de jouer avec votre réseau. Vous interagissez avec la visionneuse a travers Flikr et balises  LastFM, utilisant n’importe quel balise pour créer une balise repère. Une fois que la balise repère est crée les membres du réseau graviterons autour de lui si il a des photos ou de la music avec le même mot-clé.

Fidgt

What have I been listening to?: Lee byron dessine des histogrammes avec l’historique de son écoute musical.

Last.FM

Shape Of Song: A quoi ressemble la musique?

Shape Of Song

Musicmap: les connexions sont représentées comme des lignes raccordées; ils créent un web.

Musicmap

Musicovery affiche des connexions de genres musicaux, et vous permet d’écouter la chanson et de rechercher des chansons similaires.

Musicovery

Lanuage Poster prouve que même de simples lignes peuvent être suffisamment descriptives.

History of Programming Languages



5. Affichage de sites web

Spacetime offre Google, Yahoo, Flickr, eBay et des images 3D. L’outil affiche tout vos résultats de recherche sous forme de fenêtres 3D élégantes et agréables a l’œil.

Spacetime

UBrowser est une open source qui permet de rendre la navigation interactive en utilisant OpenGL® et une instance de mozilla.

UBrowser

6. Articles & Resources

  • Visualcomplexity.com
    Screenshot
    Le projet présente la plus belle méthode de visualisation de données aussi bien que de nombreuses références et de suggestions de livres. La galerie a plus de 450 entrées. Dans son article Infosthetics: the beauty of data visualization Andrew Vande Moere, connu à travers son blog Infosthetics, discute l’esthétique de la visualisation de données et les approches modernes dans ce domaine. Des idées créatives de design combinent formes et contenu et génèrent des graphiques fascinants – est-ce un tout nouveau domaine dans l’Art de la prochaine génération ?
  • InfostheticsInfosthetics Infosthetics
  • L’article présente 13 nouvelles techniques de visualisation de données, avec des exemples et de nombreuses références.
  • 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.”
  • “En naviguant sur le web  les outils de visualisations de données changent la manière dont nous voyons le contenu. Nous avons trouvé les 16 applications suivantes aussi bien visuellement étourdissantes qu’agréablement utiles. » 
  • Dataesthetics
    Eric Blue fournit quelques références sur d’inhabituelles méthodes de visualisation de données.
  • infosthetics – information aesthetics
    Screenshot
  • Andrew Vande Moere au sujet des visualisations de données, les dernieres idées n developement et en design.
  • Visualizing Delicious Roundup
    Un remake de Del.icio.us .


7. Outils and Services

Ce service Java visualise les données en ligne et aide à créer

6 Reponses

  1. Sovattha dit :

    :)
    Waouh mastok l’article !
    J’y ai découvert des sites 2.0 très intéressants…

  2. jarodxxx dit :

    Merci pour ton comm’ ..
    Je dois rappeler que je n’en suis pas l’auteur mais juste le traducteur !!

    C’est smashing magasine qui a rédiger cette article en anglais ..
    Dans la précipitation qui a suive les 6 heures d’analyse et traduction j’ai oublié de citer la source .. erreur desormais reparée

  3. Burnside dit :

    Super cool ce sujet, j’en ai appris pas mal… 8-)

  4. daweed dit :

    un sujet tres interressant…

    Je pense que a terme, on vera ce se genre d’interface de plus en plus.

    Par contre il faut se poser la question de l’ergonomie de l’information: est une simple gadget graphique, ou un délire de dev, ou est ce que cela apporte un vrai confort de lecture.

  5. jarodxxx dit :

    daweed > Comme tu a put le lire , l’affichage des données peut facilité l’analyse et la lecture comme handicapée …
    Et puis chacun voie midi a sa porte , certains liront mieux la ou d’autre ne verront rien et vice versa

  6. Fred dit :

    Bonjour,

    A ajouter à cette belle liste la 3D avec ICONOCAST qui développe pour le web des graphiques 3D interactifs sur mesure. Voir les démos sur http://www.iconocast.fr

Leave a Reply