Articles

anamorphose

Anamorphose : que la Force soit dans vos cartes !

Depuis quelque temps, on voit fleurir sur le web de drôles de cartes présentant des territoires que l’on a du mal à reconnaître. Et pour cause : ces territoires sont déformés pour mieux mettre en évidence le phénomène cartographié. Alors, en attendant le prochain épisode de Star Wars et comme c’est bientôt Noël, nous vous révélons les secrets d’un nouveau pouvoir tiré de la Force : l’anamorphose.

Si la technique d’anamorphose qui se cache derrière ces cartographies originales est difficile à automatiser, le principe de ces représentations est finalement assez simple à comprendre. Il s’agit de déformer les territoires de la carte pour que leur aire ne reflète plus la réalité géographique mais une variable statistique (une population ou un PIB par exemple). Sur la carte ci-dessous, qui a été transformée d’après la population, les communes d’Île-de-France ont ainsi été grossies tandis que celles
de Corse ont été réduites (parce que la densité de population est bien plus élevée en Île-de-France qu’en Corse). On a ensuite coloré de façon plus classique chaque commune en fonction du score de Marine Le Pen au 1er tour de l’élection présidentielle de 2012.

Lire la suite

Treemap

La cartographie statistique sur mobile avec HTML5 : L’élégance de la librairie D3

Géoclip Serveur est d'abord connu pour sa cartographie statistique, interactive et dynamique. Mais tableaux et graphiques sont aussi de la partie. Les portraits de territoire de Géoclip permettent de produire des tableaux de bord composites sur la zone d'intérêt d'un utilisateur.

Début 2013, lors des études préliminaires pour la version mobile de Géoclip, nous avons cherché quelles librairies javascript pouvaient nous aider à réaliser des graphiques interactifs ou des tableaux triables, à l'instar de la version Flex actuelle. Avec un cahier des charges exagérément irréaliste : nous les voulions fluides, légères, sexys, gratuites, complémentaires, pérennes... Highcharts et Datatables, deux librairies pour graphiques et tableaux ont émergé de ce premier criblage. Mais elles restaient lourdes et peu ou pas optimisées pour mobiles tactiles.

C'est alors que par hasard, en altitude après une journée de ski, surfant négligemment dans la moiteur d'un appartement surchauffé, D3 m'est apparue.

Lire la suite

Géoclip mobile

La cartographie statistique sur mobile avec HTML5 : Canvas vs SVG

Afficher une carte interactive sur tablette ou tout autre appareil mobile, c'est possible avec diverses technologies web : principalement SVG ou Canvas. Ce deuxième article (*) sur la cartographie avec HTML5 évoque les avantages et inconvénients de ces deux techniques. Il décrit également les apports de CSS3 en matière d'animation cartographique.

 Rappelons tout d'abord le principe de la cartographie vectorielle :