Design Article

National Geographic Photo Contest 2012

Comme chaque année National Geopraphic organise un contest de photos. Les meilleures photos finissent sur le site du Boston Globe. Un merveilleux condensé d’art appliqué à la nature qui fait du bien. Très inspirant !

Voici le lien pour aller voir la gallerie au complet : http://www.boston.com/bigpicture/2012/10/post.html

 

Highcharts utilisé dans le journal Le Monde

Je suis tombé récemment sur un article du journal Le Monde qui utilisait Highcharts pour visualiser l’augmentation de l’impôt sur le revenu en fonction des parts et des revenus de chaque ménage. 

Highcharts arrive à maturité

Il est interessant de voir que le journal Le Monde se sert de cette librairie pour exposer des graphiques sur son site. Serait-ce l’âge de la maturité enfin arrivé pour cette librairie ô combien géniale ! 

Je dois dire que je vois de plus en plus de réalisation graphique faites avec Highcharts. Je pense personnellement que la visualisation de données se démocratise et que des fois un graphique vaux 1000 mots.

Voici l’article en question : Impôts : ce que vous allez vraiment payer

Conclusion 

Je vous rappelle que pour vos tests Highcharts, le site data.gouv.fr est très interessant et possède un grand nombre de dataset pertinents.

Ressources 

Visualisation de données avec sigma.js

Je viens de tomber sur une nouvelle librairie Javascript qui permet de faire de la visualisation de données en réseau (network graph). Je n’ai pas encore eu le temps de l’essayer mais je vais certainement me pencher dessus rapidement.

Voici le type de graphique réalisable : 

Je vous laisse regarder les exemples sur cette page : 

http://sigmajs.org/

Si quelqu’un à déjà utilisé cette librairie, je serais interessé d’avoir des avis dessus, alors laissez un commentaire. 

Infographie de malade : Évolution des navigateurs web à travers le monde

Je viens de tomber sur une infographie de malade ! Il s’agit d’une video montrant l’évolution des différents navigateurs web (IE, Firefox, Chrome, Opéra et autres) dans chaque pays à travers le temps. (de 2008 à aujourd’hui). 

On peut voir la tendance mondiale de la chute de Internet Explorer et la montée de Chrome très clairement. Ce qui est interessant dans cette vidéo est de pouvoir comparer par pays ou par continent. On s’aperçoit que cette tendance n’est pas mondiale. Internet Explorer reste vraiment majoritaire aux en Amérique du Nord, en Chine et en Australie. Par contre en Russie, en Inde et en Amérique du Sud chrome possède la meilleure part de marché. Firefox à pour sa part conquis l’Europe, la Mongolie et une grosse partie de l’Afrique du Nord.

La vidéo à été faites par statcounter.com.

Ressources : 

D3.js : un pas de plus vers la data visualisation sur le web

D3.js est une librarie graphique écrite en Javascript crée par Mike Bostock déjà auteur de la librarie Protovis. D3.js est en fait une évolution de protovis, son nom proviens de l’abréviation de Data-Driven Document. 

Pourquoi D3.js au lieu de Protovis

D’après ce que j’ai compris, Mike Bostock a décidé d’arrêter le développement  de Protovis pour commencer celui de d3.js dans le but d’offrir à tous une librarie puissante pour la visualisation basé sur des standards du W3C (HTML, SVG et CSS) au lieu de s’attacher à un framework propriétaire. D3.js est clairement axé Web et visualisation de données, ainsi il est très simple de manipuler des données via le DOM (Document Object Model).

Quelques exemples avec D3.js

Network Force Directed graph

New York Times

Cluster Layout

Cubism.js

Tag Cloud 

Choropleth

Circle Packing

Conclusion

Comme vous pouvez le voir d3.js est la source de beaucoup de type de représentations graphiques différentes mais aussi à la base de quelques libraries / plugins. Ainsi se termine la présentation (rapide je l’avoue) de la librarie d3.js. A suivre un tutoriel pour mettre en place son premier graphique avec la librarie.