Les nouvelles approches d'affichage de données Web2.0

Les nouvelles approches d'affichage de données Web2.0 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

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.

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.

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 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!

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.

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

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.

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 .

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

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

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.

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.

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.

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.

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.

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.

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

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

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

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

Shape Of Song: A quoi ressemble la musique?

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

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

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

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.

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

6. Articles & Resources

Visualcomplexity.com

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