Développement Article

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 

Utiliser l’éditeur VIM pour changer de vie

Voici quelques semaines que j’utilise VIM pour éditer les fichiers sur Linux et je dois dire que ça me simplifie la vie. Les puristes rigoleront d’entendre ça car pour eux il s’agit DU meilleur éditeur toute catégorie confondue. J’ai toujours préférer la simplicité de nano et toujours perçu VIM comme un outil complexe … mais c’est en fait l’inverse si l’on connait les quelques commandes de base de VIM. Attention, cet article s’adresse aux débutants Linux (comme moi) et qui veulent en apprendre un peu plus.

Je vais donc vous présenter rapidement ce qu’il faut savoir pour commencer à utiliser VIM  et j’espère convaincre les débutants de le substituer à nano.

Fonctionnement et bases de l’éditeur VIM 

Premièrement il est important de savoir qu’il existe 2 modes, le mode édition (changer les texte) et le mode lecture (on parcours le fichier). 

Lorsqu’on ouvre un fichier avec VIM (vim monfichier.txt), on ouvre le fichier en mode lecture, si on veut éditer le fichier il faudra alors taper « i » (pour insert). Revenir en mode lecture se fera grâce à touche « ESC ». 

Lorsque vous êtes en mode édition, pour sauver le fichier il faut repasser en mode lecture (appuyer sur la touche ESC) et saisir « :w » et appuyer la touche « Entrer ». Le texte  « :w » s’affichera en bas de la fenêtre de votre terminal. Il est aussi possible de sortir du document au moment de sauver le fichier, saisissez alors « :wq ».

Il est aussi simple de sortir du document en saissant « :q ».

Résumé des commandes de bases de VIM

i = passer en mode edition
esc = Passer en mode lecture
:w = ecrire (en mode lecture)
:wq = ecrire et quitter le fichier (en mode lecture)

Conclusion : 

Comme vous pouvez le voir, VIM est au final très facile à utiliser et se révèle tellement plus pratique que nano. Si vous souhaitez gagner en productivité, je vous le conseil.

 

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. 

Problème mise à jour WordPress: La boucle « Pas de mise à jour requise problème »

Bonjour à tous, voici un petit article rapide pour donner une solution à un problème que j’ai eu ce matin !

Le problème lors de la mise à jour de WordPress

Ce matin j’ai mis mon WordPress à jour de la version 3.4.0 à la version 3.4.1. Tout à fonctionné sauf que lorsque j’ai voulu retourner dans l’admin, j’ai eu le message suivant : « Pas de mise à jour requise problème » avec un bouton « Continuer ». Ce message signifie qu’il n’y a pas de mise à jour à faire dans la base donnée. Le problème est que lorsque je click sur le bouton « Continuer » je retourne sur la page d’accueil de mon site. Si je retourne sur wp-admin, j’ai le même résultat et ainsi de suite en boucle !

La solution

Pour ma part et je ne sais pas si c’est votre cas mais le plugin W3 Total Cache posait problème. Voici les étapes à suivre :

  • Renommer le répertoire du plugin W3 Total Cache (wp_content/plugons/w3_total_cache)
  • Retourner sur l’url wp-admin et cliquer sur continuer
  • Un messge d’erreur PHP apparaît
  • Renommer votre répertoire w3_total_cache comme avant
  • Recharger votre page

Cela à réglé mon problème

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.