Notre dernier projet de datavisualization sort aujourd’hui sur le site Arte.tv.

« La démocratie en chiffres » est une visualisation interactive destinée à accompagner la série de documentaires I Love Democracy diffusée par Arte. La série sonde la démocratie en mouvement ou en construction en s’arrêtant sur sept pays à la veille de leurs élections. Chacun des sept documentaires est conçu comme un carnet de route, un cheminement à la rencontre des populations. Pour accompagner et renforcer ces documentaires, le pôle Web de la chaîne nous a proposé de créer une application pouvant mettre en lumière des statistiques internationales sur la situation démocratique des différents pays.

Partant d’un premier Index Démocratique élaboré par la cellule de veille de The Economist, nous avons d’abord voulu élargir notre base de travail en collectant une série d’indicateurs pertinents pour raconter l’état politique d’un pays. En parallèle, nous avons réfléchi au meilleur dispositif de visualisation pour présenter ces données de façon attractive. Face à cette série d’indicateurs éparses, nous avons cherché comment assembler les petites visualisations et les key facts sans provoquer d’effet d’accumulation ni de fouilli.

Pour faire aux échos aux documentaires, nous avons choisi de décliner la thématique du « parcours », du « chemin » à travers les pays et leurs systèmes politiques.  Nous avons donc choisi une structure de site « one page » où l’utilisateur descend progressivement en suivant le fil narratif de l’application. Ecran après écran, visualisation après visualisation, key fact après key fact, l’internaute construit ainsi le récit démocratique des pays explorés. A tout moment il peut bifurquer,  en changeant le focus d’un pays sur un autre, ou en faisant entrer de nouveaux pays dans l’application.

Fidèles à notre crédo selon lequel une valeur chiffrée n’a un sens que relativement à une autre, la comparaison est omniprésente dans cette visualisation. Sur tous les écrans il est possible de comparer les données affichées pour un pays avec celles d’autres pays ou d’autres années.

De même, nous sommes convaincus que la perception est indissociable de l’action, et que notre public comprend mieux et retient mieux lorsqu’il est dans une posture active.  L’interactivité est donc un des moteurs de cette expérience d’information. A chaque écran il se passe quelque chose, l’internaute parcourt l’information avec les yeux et avec la souris. Il découvre des informations complémentaires dès qu’il commence à jouer avec l’application. Nous utilisons souvent le texte réactif par exemple

Un des principaux ressorts de nos scénarios d’interaction repose en effet sur le « texte réactif », qui permet justement au lecteur d’être « actif ». Un lecteur actif devrait poser des questions, prendre en compte des alternatives, questionner les affirmations, il ne reçoit pas passivement l’information. Pourtant, notre environnement de lecture encourage rarement cette lecture active.  Face à un livre ou un site internet classique, nous ne pouvons pas explorer plus que ce que l’auteur a prévu de placer sous nos yeux. Rendre les documents réactifs et les valeurs chiffrées explorables permet justement d’apporter le contexte à l’intérieur du texte, sans rupture de l’expérience d’information, sans alourdir. C’est justement ce que nous avons essayé de mettre en oeuvre dans les key facts présentés sur l’application La Démocratie en Chiffres.

En définitive, l’application ressemble à une vaste aire de jeu, présentant des petits îlots d’information entre lesquels l’utilisateur navigue librement, passant de l’un à l’autre sans effort, avec les touches du clavier.

N’hésitez pas à nous dire en commentaire ce que vous avez pensé de notre travail !

Leur approche design-thinking, centrée sur l’utilisateur et la conception, donne à cette équipe de grandes chances pour ce concours international de datavisualization. Et c’est pourquoi nous allons les encourager sur Twitter (#vizmarathon) tout au long des 24 heures d’épreuves du 12 et 13 novembre prochain.

En attendant, voici une petite présentation de nos 4 participants, façon questions-réponses.

Vous avez réuni une équipe de quatre étudiants de l’Ecole du Design pour participer à une compétition internationale de visualisation de données. Pouvez vous nous présenter votre équipe ?

Avec plaisir !

Maxime (@macsym)

Journaliste refoulé, j’ai découvert dans la visualisation de données une façon de mixer cette passion pour le reportage et l’information à celle du design. Le data-mining, se plonger dans des dataset sans fin pour concevoir, imaginer une façon de les représenter avec un storytelling, un angle efficace c’est ce que je préfère. Féru de campaigning et de politique publique j’ai suivi depuis la course à la présidentielle d’Obama aux dernières primaires socialistes l’essor du datajournalisme avec un grand intérêt.

Ian (@iaaan)

Autant intéressé par la production que par la découverte. J’aime dans la datavis la démarche exploratoire qu’elle implique: aborder les données sous tous les angles, proposer des pistes créatives riches, concevoir de nouvelles modalités de représentation. Une bonne visualisation doit en apprendre autant à son audience qu’à son auteur, j’espère donc que cet objectif sera rempli ce week-end.

Maxime F (@faxime)

Comme le reste de l’équipe, ma formation de designer me pousse à aborder l’infovis/datavis sous l’angle des usages émergents associés aux nouvelles technologies. Je prends place dans l’équipe en particulier sur le développement de prototype. La programmation prend une place toute particulière dans le travail de représentation de l’information, puisqu’elle l’accompagne de l’extraction et analyse des données à la production du dispositif interactif final.

Thomas (@meuto)

Intéressé par la datavis pour son principe d’accessibilité au grand public. Comme dans toute démarche design, la représentation de données doit placer l’utilisateur au centre de nos préoccupations. Avec une approche de design de service, d’interactivité et de graphisme, je recherche dans la représentation de l’information, une expérience utilisateur novatrice.

Pouvez vous nous expliquer en quoi consiste cette compétition, et face à qui allez vous concourir ? Maxime

Cette seconde édition du Visualizing Marathon à lieu à Londres et dans 4 autres villes (New York, Sao Paulo, Sydney et Berlin). Il s’agit d’une compétition étudiante où pendant 24h nous devrons exploiter des sets de données afin de réaliser une production très libre (vidéo, appli, poster, …) qui réponde à l’intitulé donné au lancement du marathon. L’an dernier nous étions 2,5 à New York (Maxime a pu nous aider sur une partie de la journée) face à des équipes venues à 5 de Harvard, Columbia, Parsons, NYU, MICA… Nous n’avions pas démérité et puis l’ambiance était excellente, d’où notre participation encore plus solide cette année, avec la ferme intention de décrocher le Saint Graal. C’est aussi évidemment l’occasion de croiser de grands noms du data-journalisme, ou de la visualisation de l’information comme Jer Thorp, data-artist en residence au NYTimes.

Comment allez vous travailler, vous organiser pour participer à cette compétition ? Avez vous déjà des idées ? Maxime

L’expérience de l’an dernier nous est très précieuse. Nous avons vu nos faiblesses et ce que nous aurions pu préparer en amont. Cette année nous répartirons donc mieux les séquences entre nous (data-mining, design d’interface, développement) et dans le temps. L’idée donc serait de pouvoir explorer pendant quelques heures les données et d’expérimenter beaucoup plus tôt que l’an dernier. Voir en “quick and dirty” ce qui fonctionne ou pas. Comme le disait Ian, “aborder les données sous tous les angles, pousser chaque idée pour obtenir les meilleures modalités de représentation l’information”. Sinon, n’hésitez pas à nous encourager pendant la compétition avec les hashtag  #vizmarathon et #frenchteam surtout à 4h du matin !

Comment estimez vous vos chances par rapport aux autres concurrents ? Que se passerait-il pour vous si vous gagniez ? Ian

100% de chances, on va les éclater.

Maxime

+1

Maxime F

+1

Thomas

+1

Maxime

Quant à ce qui se passerait pour nous, forcément une encore plus grande volonté d’utiliser la datavis dans notre travail au quotidien et de pousser les designers à se saisir de cette pratique. Plus largement, pour la communauté française, la possibilité d’organiser la prochaine édition du Visualizing Marathon en France peut-être ? :)

Vous êtes la seule équipe française inscrite au Visualizing Marathon. Avez-vous une petite idée pour expliquer que si peu d’étudiants français soient représentés ce week-end ? Maxime

Le Visualizing Marathon est ouvert aux étudiants des écoles partenaires. L’Ecole du Design Nantes Atlantique et notamment le laboratoire READi dont nous faisons partie sont depuis plusieurs années pionniers sur ces thématiques en France. Sous forme de cours, de workshop, de veille collective, la communauté de l’école est très riche sur l’exploitation et la visualisation de données. D’ailleurs ce sont eux qui nous soutiennent pour venir à Londres, un pari financier qui peut être frein à la participation d’autres écoles je suppose. Pas étonnant d’ailleurs que la grande majorité des équipes soient issues d’écoles des Royaumes-Unis donc…

Vous êtes des passionnés de la dataviz, et avez déjà mené quelques travaux en la matière, d’où vient votre intérêt pour la visualisation de donnée et comment la pratiquez vous actuellement ? Maxime

Beaucoup de nos travaux sont sous contrat de confidentialité car liés à l’école. Cependant avec Ian, lors d’un atelier d’une semaine, nous avions réalisé cette application : http://maximeleroy.com/infovis/. Elle permet de visualiser la construction de la communauté de l’école (pédagos et étudiants) sur Twitter. L’intérêt était de pouvoir visualiser dans le temps l’essor de Twitter sur une communauté déjà très interconnectée et également de voir quelles options arrivaient les premières : étudiants en design d’interactivité, puis produits, puis pédago, etc. Enfin le but était d’identifier les profils les plus connectés à la communauté, les “influenceurs”. Et tout ça c’était avant les plugins Twitter et donc nous avions du tout récupérer à la main, profil par profil…

Pour ceux que le concours #Googleviz (lancé par Google sur le thème de la présidentielle) n’intéresserait pas, il se déroule en ce moment également un concours de conception de tableau de bord, organisé par Bime, éditeur de dashboard.

Bime propose deux jeux de données, sur l’accès à Int

ernet en France et les usages d’Internet aux Etats-Unis. Les participants ont jusqu’au 30 novembre pour proposer le meilleur dashboard. A la clé : un MacBook Air et un Ipad.

Le règlement est exposé sur le blog de Bime

[Disclosure : Dataveyes, l'entreprise que j'ai co- fondée, a été chargée par Google d'organiser ce concours de datavisualization]

Google France a annoncé ce jeudi 20 Octobre le lancement de son premier concours de visualisation de données, sur le thème de la présidentielle 2012.

Google traite chaque jour de très importants volumes de données et fait le constat que ces données peuvent nous apprendre beaucoup sur notre société, ses habitudes, ses opinions, son actualité. Google France a donc choisi de lancer un concours d’application pour révéler aux citoyens l’information contenue dans ses données qui pourrait nourrir le traitement de la campagne présidentielle française de 2012.

Concrètement, pour participer, il faut concevoir et réaliser, avant le 7 décembre, une application web qui utilise des données de Google ou de Twitter pour proposer un nouvel éclairage sur la campagne présidentielle 2012. Les meilleures applications seront intégrées à l’onglet « Tendances » de la Chaîne dédiée aux élections présidentielles sur YouTube.

Il n’y pas de contraintes de traitement, ni de langage de développement, le seules consignes formelles sont les suivantes :

L’application web doit :

• Etre une application interactive
• Utiliser a minima un jeu de données (API ou dataset figé) provenant de Google ou de Twitter. Nous en proposons quelques uns sur ce site, mais il ne s’agit que d’exemples parmi toutes les données disponibles auprès des différents produits de Google.
• Eclairer de façon perspicace et originale la campagne présidentielle 2012
• Rester en ligne et pertinente jusqu’à la fin de l’élection présidentielle 2012
• Etre au format 960 x 785 pixels maximum
• Etre en langue française

Les applications seront jugées sur quatre critères : Conception ; Graphisme ; Code ; Information, par un jury composé de six experts du domaine média et data, dont Paul Kahn, spécialiste de la visualisation de données et de l’architecture de l’information, et Alain Joannès, auteur de l’ouvrage « Data journalism ».

L’équipe auteur de la meilleure application gagne un voyage de 5 jours en Californie, avec une visite de deux jours au GooglePlex, le siège social de Google à Mountain View, en plus de l’affichage de sa création sur la chaîne officielle YouTube consacrée aux élections.

Toutes les informations sont sur le mini site dédié au concours : http://goo.gl/N2i2E

Vous pouvez également consulter la vidéo de présentation du concours, et suivre le hashtag #googleviz sur Twitter.

“The way your profile works today, 99 percent of the stories you share vanish. The only way to find the posts that matter is to click ‘Older Posts’ at the bottom of the page. Again. And again. Imagine if there was an easy way to rediscover the things you shared, and collect all your best moments in a single place.”

Defeating infobesity

The fear of information overload. Finding an “easy way” to sort data. Sounds familiar? Although a leading actor in the information landscape, Facebook is not spared with the infobesity phenomenon. Quite the contrary: the sky-rocketing number of its users only increases the amount the data being provided on the platform, like photos, posts, status updates and all sort of functionalities we are all way too familiar with.

It is precisely acknowledged, and on a regular basis criticized by the Guardian, that the business model of Facebook is essentially based on valuing this user information. In the midst of the data age, trading human details is seen as a viable commodity, as Facebook is increasingly opening up to collaboration with businesses.

Hence the necessity for the kids of Palo Alto to ensure that this user data does not lose its value. In its current form, the older the data on Facebook, the trickier it is to retrieve, and is therefore less valuable. Having to venture into the depth of someone’s profile to find an activity more than a week old is cumbersome and quite unnatural. This created the necessity to bring clarity to this user-generated information jungle.

Changing the way we absorb data

Among other developments, Facebook VP of product Christopher Cox unveiled the new Timeline feature, which was described as “a great way to discover all the things people have done their whole life”, and “a completely new aesthetic for Facebook”.

I find interesting to remind who is behind the Timeline project. Last April, Facebook made the headlines by hiring data visualisation pundits Ryan Case and Nicholas Felton.

At Dataveyes, we have been praising the advantages of data visualisation regarding news reporting and globally speaking, the understanding of complex matters through visual mediation. An infographics guru himself, it seems that Felton managed to incline social networks on this side as well. The man knows his data: check out his annual report on his life, reported on the NYT blog.

Timeline follows the exact same process, based on how information overload can be defeated through a new visual paradigm. The eye-catching display aims to retain user attention and bring structure to a confusing ocean of information. Interactive timelines have long proven their use in a news reporting context, as evidenced by the Wall Street Journal piece below (click to access map)

Hot topic: a time line for volcanoes

Displaying the complex story of a user’s life on Facebook information is to an extent no different from visualising national unemployment rate or the funding system of political parties (See our French Political Atlas here). In the end, what matters is bringing meaning out of long unused -because inacessible- large amounts of data.

Facing information overload, one would be prone to discarding the data which is not easily retrievable. A more user friendly visual display brings more clarity, thus increasing user navigation, traffic and ultimately, the commercial value of its data.

Meanwhile, at Google…

The fierce Google+/ Facebook battle is also waged on the fields of data visualization. Last year, the Mountain View firm hired the two former leaders of IBM’s Visual Communication Lab and Flowing Media Fernanda Viégas and Martin Wattenberg. Not-so-incidentally, the two partners, while at Flowing Media, had developed a promising TimeFlow analytical timeline project.

More than a legacy, the project is a visualisation tool for temporal data, thus pursuing the same objective as its Facebook rival. In other words, display scattered information in an easy to read, concise way, in order to make the data do the talking and identify patterns that you couldn’t see from ground level.

As I write these lines, there is no evidence that Google, the pair’s new employer, will go down the data visualisation route. But again, Facebook only took four months to turn the skills of Feltron and Case into a major business project. In any case, the fact that two of the world’s most powerful enemies today embed data visualisation into their workflow is indeed a sign of the times.

Expect Dataveyes to keep you posted on the course of this information warfare. Using an interactive timeline, possibly.

Bonus: A video of Mark Zuckerberg introducing the Timeline feature at the F8 conference

J’y ai donné une conférence d’une heure et demi sur le bouleversement de notre paysage informationnel et le journalisme de données, dont voici les slides.

J’ai tenté de démonter à mon public que les journalistes sont aujourd’hui très concurrencés, de moins en moins incontournables et que leur utilité est menacée par de nouvelles sources, et de nouveaux circuits de traitement de l’information.

Dans ce contexte, le journalisme de données permet aux journalistes de retrouver un rôle de médiateurs dans le paysage de l’information en ligne. Les données submergent désormais notre univers informationnel, sans que le grand public n’ait les moyens ni les outils pour les comprendre, les interpréter et les valoriser. Ces bases de données doivent devenir un terrain d’exploration et d’investigation pour les journalistes. Ces derniers doivent trouver dans la collecte, le traitement, la scénarisation et la visualisation des données des compétences leur permettant de nouer de nouveaux liens d’engagement avec leur public.

Le contexte

Micros-partis, associations de financement et organisations satellites : ils ont surgi dans l’actualité française cet été, à la faveur de la polémique Woerth/Bettancourt, et mettent en lumière un vaste pan du financement de la vie politique via les dons entre partis.
Il existait en 2009 plus de 300 partis politiques en France, d’après la Commission nationale des comptes de campagne et des financements politiques (CNCCFP), qui en surveille les opérations financières.
Pour mieux s’y repérer dans cette nébuleuse d’organes politiques, nous avons réalisé un atlas des partis français, permettant d’explorer leurs liens, leurs sources de financement, et leurs dynamiques de groupes, tels qu’ils apparaissaient en 2009 et en 2008.

Comment ça marche le financement de la vie politique ?

Un parti politique peut subventionner une campagne électorale et recevoir des dons de personnes physiques dans la limite de 7500 euros maximum par an et par individu. Il peut aussi recevoir des contributions de ses élus, des cotisations de ses adhérents ou des dons d’autres partis, ainsi que des aides publiques, en fonction de ses résultats électoraux. Les comptes des partis sont contrôlés chaque année par la CNCCFP, qui en publie un rapport un an après.
Si les dons individuels sont plafonnés, rien n’interdit de donner à plusieurs associations politiques. Voilà pourquoi les partis-satellites des gros organes politiques se sont démultipliés ces dernières années. Créer de nouveaux partis permet ainsi de récolter plus de d’argent et de contourner la limite des 7 500 euros de dons individuels. Nicolas Sarkozy, Eric Woerth, Michèle Alliot-Marie, possèdent par exemple, leur propre structure.

L’équipe

Nous avons travaillé à trois sur cet Atlas.

• Antoine, le principal codeur, notre talentueux développeur php et javascript. Un artiste en son domaine, un perfectionniste, un amoureux du beau code sans aucun doute, de celui qui va l’obliger à se « casser la tête », comme cela a souvent été le cas avec ce projet.
• Léo, le statisticien-développeur. Depuis plus d’un an, il joue avec les différentes librairies et outils de datavisualization. Sur cet atlas, il a réalisé la carte des partis et développé l’interface de consultation, il a aussi eu la lourde responsabilité de nous coordonner tous les trois, et de faire en sorte que quand Antoine parle de code et moi d’usages on parle bien tous de la même chose au final.
• Pour ma part, j’assurais le côté « journalisme et storytelling ». (les curieux en sauront plus sur moi ici)

Ce projet illustre donc parfaitement l’indispensable « mix de compétences » nécessaire pour faire du journalisme de données. Au-delà d’une réunion de compétences, nous avons aussi pu mener ce projet car nous ne travaillions pas comme on le fait dans une grande rédaction traditionnelle : nous avons travaillé dans un même bureau, échangeant constamment, tous les trois connectés au projet en même temps, sans autre process qu’une même volonté de faire «ensemble». Et nous remercions vraiment Lexpress.fr de nous avoir laissés libres d’installer ce mini laboratoire en plein cœur de leurs activités, pendant tout le temps que nous avons passé avec eux.
L’équipe parfaite aurait bien sûr comporté un graphiste en plus. Et il est vrai que l’on ressent un peu cette absence dans le rendu final (même si les graphistes de LEXPRESS.fr nous ont donné un coup de main). Mais, en journalisme de données comme partout, il faut savoir faire avec des contraintes de temps, d’équipe et de budget limités.

Les relations avec la rédaction

Installés pour plusieurs mois à Lexpress avec une mission d’exploration des potentialités du journalisme de données au sein du titre, nous entretenions avec la rédaction des liens très étroits.
Nous assistions tous les matins à la conférence de rédaction. Nous avons commencé à travailler sur cet atlas de la vie politique lorsque la rédaction nous a demandé de réfléchir autour du financement des partis. La rédaction nous a ensuite beaucoup aidés pour classer les partis par famille politique, pour vérifier les données et pour les interpréter.
Le fait d’appartenir à la rédaction le temps de la réalisation de ce projet nous a aussi permis de récupérer plus facilement certaines données auprès de la CNCCFP.

Les données

Se lancer dans une visualisation de données, c’est toujours l’éternel dilemme de l’œuf et de la poule : est-ce qu’on imagine une visualisation à partir des données disponibles ? ou est-ce qu’on cherche des données une fois qu’on a une idée et un angle d’attaque ? Les idées viennent toujours à la fois des données et de l’angle de traitement, les proportions respectives varient selon les projets. Dans le cas de l’Atlas des micros-partis, nous sommes partis d’une problématique –comment rendre plus compréhensible le financement de ces partis- et de données que nous savions disponibles : les comptes de résultats et bilans de tous les partis français validés par la CNCCFP.
Nous savions que ces données étaient disponibles, cela ne veut pas dire qu’elles l’étaient dans un format facile à utiliser. Tous les ans la CNCCFP publie sur son site dans un document .pdf tous les comptes qu’elle reçoit des partis (sans les annexes). Nous disposions de tous les pdf depuis 2001, nous avons travaillé sur les documents datant de 2005 à 2009, soit plus de 3 600 pages de documents.
Pour commencer, Antoine a transformé les documents .pdf en html qu’il a ensuite parsés pour en faire une base de données .sql. Un travail d’ajustement, d’essais, de corrections, et de ré-essais, qui peut vite devenir long.
Parallèlement, j’ai collecté des informations basiques sur tous les partis répertoriés: date de création, localisation, nom du leader, adresse du site web, couleur politique, etc… Une autre tâche longue et fastidieuse lorsqu’elle porte sur plus de 300 partis.
Enfin, les données les plus intéressantes, ont aussi été les plus dures à obtenir. Nous souhaitions matérialiser les échanges financiers entre partis politiques. En effet, dans les comptes de résultats des partis, nous avions une ligne de produit « contributions reçues d’autres formations politiques » et une ligne de charges « aide financière versée à d’autres formations politiques ». Nous avions juste les montants totaux échangés, mais ne savions pas d’où venaient les dons et vers qui partaient les aides. Ces informations sont détaillées dans les annexes des états financiers des partis, la CNCCFP les archive, mais ne les mets pas à disposition sur le web. Nous avons donc demandé à la CNCCFP de nous présenter le détail de tous échanges entre chaque parti, soit au final, plusieurs dizaines d’annexes. Inhabituée à ce genre de demande « exhaustive », la CNCCFP a d’abord considéré que notre demande était « abusive ». Après de longues négociations, de nombreux refus et un petit peu de temps… la CNCCFP a finalement accepté de nous envoyer les documents dont nous avions besoin.
Nous avions plusieurs sources de données différentes, nous avons donc dû réunir toutes ces données : attribuer à chaque parti un ID unique pour le retrouver plus facilement entre les différentes bases, nettoyer toutes nos bases, supprimer les doublons, fusionner certaines bases, transformer les structures de bases pour ne conserver qu’une dimension de variable, vérifier et encore vérifier, etc…
La base de données finale contient ainsi près de 1 500 lignes et une cinquantaine d’indicateurs.
Le travail sur les données représente à peu près la moitié du temps passé sur ce projet.

Concevoir l’application

Exprimer visuellement une réalité complexe passe souvent par le choix d’une métaphore visuelle. Nous avons choisi la métaphore astronomique : nous voulions représenter le paysage politique français comme un planisphère, avec ses galaxies, ses grosses planètes et ses petits satellites.
Nous avions imaginé des scénarios d’utilisation : nous voulions réaliser une carte zoomable et clicable comme interface d’entrée, dans laquelle il soit facile de naviguer. Nous voulions que des personnes qui connaissent un parti puissent le retrouver facilement, en 5secondes – d’où le moteur de recherche sur la droite-, et que les personnes qui ne cherchent pas un parti en particulier soient captés par la carte, plongés dedans, et invités à l’explorer – d’où une navigation au cliquer-glisser et au scroll fluide-.
Nous voulions aussi avoir plusieurs niveaux de granularité de l’information : un premier niveau sur la carte, qui donne un aperçu du budget des partis, de leur couleur politique et des relations financières entre eux. Un niveau plus détaillé sur chaque fiche parti, qui apporte le détail du financement de chaque parti, avec des tendances sur les dernières années. Et un niveau qui autorise la comparaison, pour mieux évaluer ce que représente les données pour un parti à l’aune d’un autre parti, ou pour obtenir des statistiques au niveau des familles politiques.
Nous avons aussi enrichi les scénarios de navigation à l’intérieur de notre application, en multipliant les passerelles et les liens entre les fiches partis. Nous voulions qu’il soit possible de rebondir de parti en parti aisément, et d’explorer ainsi par sérendipité les données présentées.
Nous avions donc beaucoup de fonctionnalités, et un temps limité pour les réaliser. Nous avons donc dû ruser pour éviter de tout développer.

Nous cherchions tout d’abord un outil pour faire du deep zoom, car la carte des partis mesure au final 15 000 x 7 000 pixels. Les quelques outils disponibles pour cela ne nous satisfaisaient pas : trop longues à implémenter, ou bien dans des technologies qui ne nous arrangeaient pas.

Nous avons donc dévié Google Map, en posant au dessus de la carte Gmaps un overlay représentant notre carte des micros partis. Nous avons ensuite géolocalisé tous nos partis avec une longitude et une latitude pour pouvoir les créer des zones cliquables et les retrouver grâce à un moteur de recherche.

Nous avons utilisé la librairie de visualisation Google Chart API pour réaliser les graphs des fiches partis, et nous avons utilisé Tableau Public pour les comparaisons entre partis. Tableau Public est un outil extrêmement puissant, mais assez lent dans sa version gratuite. Nous aurions pu développer nous même les mêmes types de graph, en plus propres, si nous avions eu le temps nécessaire pour cela. Nous avons choisi de conserver Tableau Public malgré tout, pour ne pas priver les utilisateurs d’un outil de comparaison qui nous semblait très utile.

Donner accès aux données

Enfin, dernière étape de ce projet : rendre les données accessibles facilement. Nous avons fait un gros travail sur les données, nous voulions en faire profiter toutes les personnes qui s’intéresseraient un jour au sujet et leur permettre de récupérer facilement notre base de données pour qu’ils puissent à leur tour construire des applications, des visualisations ou des articles avec. La plateforme Socrata propose un service très pointu et très utile de partage des données, librement et simplement, et nous l’avons donc tout naturellement embedé dans notre application.

Si vous avez des questions, des remarques, des retours, des commentaires sur ce travail, n’hésitez pas à nous contacter ici ou par mail, nous serons heureux de vous répondre.

Le programme de la conférence est ici. Les débats qui s’y sont tenus étaient d’une remarquable qualité, avec la participation notamment de Nigel Shadbolt, un des pères du data.gov.uk, et d’autres acteurs de l’opendata français et anglosaxons.

Le riche compte rendu réalisé par RSLN Mag, façon Storify, est disponible ici

Crédits : RSLN ; Titre : Caroline Goulard - Dataveyes - Opendata - RSLN - 17 mars 2011

Crédits : RSLN ; Titre : Caroline Goulard - Dataveyes - Opendata - RSLN - 17 mars 2011

Pour l’occasion,  je me suis livrée à un petit exercice d’anticipation, comme sept autres « défricheurs » de l’ouverture des données publiques. Le scénario était :

« 2020 : toutes les données sont libérées. Quelle application Open Data a changé votre vie ? »

J’ai travaillé sur les données issues des comptes rendu des débats parlementaires et des textes réglementaires. Actuellement, ces données ne sont pas libres : pour réutiliser ces textes et y extraire des données en grand nombre, il faut s’acquitter de coûteuses licences.

Pourtant, si ces données était ouvertes, elles nous permettraient de bâtir des visualisations du débat parlementaire, de cartographier les jeux d’acteurs aux Parlement, de matérialiser le processus législatif, de rendre visibles des statistiques sur les temps de paroles ou le traitement de tel ou tel sujet, de telle ou telle ville, ou de telle ou telle entreprise, etc.

Ces visualisations permettraient d’ouvrir la boite noire du « comment se font les lois ? » et autoriseraient tous les citoyens à suivre de façon interactive et attractive le débat politique au Parlement.

Voici la vidéo de la présentation (aussi sur RLSN Mag)

Caroline Goulard : en 2020, une vie parlementaire en mode opendata from RSLNmag on Vimeo.

Et les slides de cette présentation :

Rule Britannia, Britannia rule the clouds

Those who are familiar with Saint Pancras station only know it too well: London is changing rapidly. From the Conservatives regaining power in 2008 to the upcoming Olympics, the city’s buildings are undergoing some kind of overpriced, permanent makeover.

Perhaps in a more ear-friendly fashion, its digital landscape seems to evolve even more dramatically. Over the last four months, I have been able to witness this on-going, silent revolution, through a series of insightful talks and conferences. Amid the growing data fever, London seemed like the perfect place to check the temperature.

Under construction: the road to Open Data

After weeks of intense negotiation over what was seen as a shotgun wedding between the Tories and the Lib Dems, came about the time came to draft a sustainable programme. The Crown copyrighted Coalition Agreement, published in May, notably highlights the need for enhanced Government transparency.

“The Government believes that we need to throw open the doors of public bodies, to enable the public to hold politicians and public bodies to account. […] We will create a new ‘right to data’ so that government-held datasets can be requested and used by the public, and then published on a regular basis.”

(Article 16 of the Coalition Agreement)

The simple “right to data” phrase measures the distance travelled the last few years over the disclosure of Public Sector Information (PSI). After continuing campaigning, successes such as the COINS database last year clearly showed the way forward. Openness is also listed as one of the five priorities of Britain’s Big Society, the flagship policy idea endorsed by David Cameron and his supporters.

As a matter of fact, the UK government has long recognised the importance of the re-use of its data by including it in its agenda. The European Commission implemented a 2003 EU directive which encourages PSI sharing and develops innovation. Interestingly, the British government has now formally established the Function of Knowledge and Information Management (KIM) in the same way that the IT and Communications. The GKIM Network is managed by the National Archives that supports and promotes Knowledge and Information Management across government, ensuring that correct information is maintained and survives for tomorrow. However, the full potential of public sector information has arguably not been unlocked as I write these lines. The relentless efforts of Europe-wide initiatives, such as the ePSI platform, aim to determine a common code of good practices.

Refining raw data

Who: Rufus Pollock, Open Knowledge Foundation
When: 21/10/10
Where: Dataconomy, Media 140, Kings Cross

Componentization: towards cleaner, ready-to-use data?

Tips to a good data visualisation

Who: David MacCandless, Information is Beautiful
When: 09/11/10
Where:  Protein Forum #7, Waterloo

The award-winning British journalist agreed to disclose some behind-the-scene tips on how to create an eye-catching, engaging visualisation:

“What doesn’t work: just putting things out there (what he calls “spaghetti”, a confusing gathering of information). You have to sort out things.”

There are three stages to engaging, insightful data visualisation:

1. The concept, the idea to start with

2. Sketching comes ahead via brainstorming and mindmapping, mostly on a simple sheet of paper. With one concern constantly in mind: “what questions has yet to be answered?”

3. Visualisation is the very last stage. You have to play around with the designs and see what works best. An understanding of infography is preferable but not necessary.

As usual, an image always being worth a thousand words, feel free to play David McCandless’ presentation at TED entitled The Beauty of Data Visualisation. The talk was not held in London, I give you that, yet the conference he gave here was fairly similar.

The Beauty of Data Visualization

Besides, another visualisation caught my eye while sitting through those talks: Everyone Ever in the World, by London-based The Luxury of Protest, that portrays all the wars and conflicts known in the history of mankind and their (heavy) death toll.

Not so fictional Death Star: a billion killed since the dawn of times

Don’t take yourself too seriously

Over the last few months, I have also noticed a global effort from data visualisers to expand their playground and demographics. Such initiative helps data appear not as an over serious, over-mentioned topic, by relating the visualisations to simple, down to earth situation.

Who: Andrew Shoben, Greyworld
When: 09/11/10
Where:  Protein Forum n°7, Waterloo

Interestingly enough, two completely opposite processes highlight best this statement. First, one of Greyworld’s visualisation, designed for the London Stock Exchange, aims to materialize essentially fugitive stock market variations. A physical, animated structure in the middle of the marketplace animates the abstractions of the FTSE 100.

£99 billion Luftballons

Conversely, data visualisation can provide a new, digital experience of feelings. Another breathtaking work consisted in visualizing the flavours when enjoying an ice cream. The work generates mini universes with different customizable characteristics.  The video here.

The ethics of data journalism

Who: Mark Stephens, Julian Assange’s lawyer
When: 09/02/11
Where: Data Journalism Talk, The Book Club, Leonard Street

Data-centred whistleblowing initiatives, such as Wikileaks, or the investigations that unveiled the 2009 MP expenses scandal, are the target of all praise and criticism. Those two processes, yet both exposing scandals through data hacking, differ significantly in revealing the identity of the leaker. Rather than playing the traditional role of ‘digger’, The Daily Telegraph had paid in 2009 an anonymous individual to provide the digital files disclosing MP expenses. The journalists were essentially acting as curators of the data. As a result, two years later, it is fair to assume that the man on the street hardly remembers that the Daily Telegraph, let alone an unnamed individual, had anything to do in the disclosure of the scandal.

Fame and blame: data journalism at the crossroads

Map Marquer - Noun Project

Le thème de mon intervention était : Visualisation interactive de données, nouveaux outils et nouvelles mécaniques cognitives pour comprendre le web.

Ma présentation interroge les différentes façons de visualiser le web en tant que paysage informationnel. Elle s’appuie sur le constat de Jonathan Stray : nous n’avons pas de carte des contenus sur le web. Ce qui nous pose un irrémédiable problème d’appréhension de la complexité du monde.

I have met people who have never seen a world map. I once had a conversation with herders in the south Sahara who asked me if Canada was in Europe. As we talked I realized that the patriarch of the settlement couldn’t name more than half a dozen countries, and had no idea how long it might take to get to any of the ones he did know. He simply had no notion of how big the planet was. And to him, the world really is small: he lives in the desert, occasionally catches a ride to town for supplies, and will never leave the country in which he was born. Online, we are all that man. Even the most global and sophisticated among us does not know the true scope of our informational world.

Les moteurs recherche de Google (ou autres) nous permettent de chercher et d’accéder aux contenus. Ils les représentent sous forme de classement. En revanche, ils ne nous offrent aucune représentation globale de l’ensemble des parcours informationnels à notre disposition. Ce qu’appelle de ses voeux ce journaliste-informaticien n’est rien de moins que la carte de toutes les pages indexées par Google, mise à jour en temps réel, et automatiquement archivée à chaque nouvelle version. Un improbable défi tant technique (du moins si on reste à des niveaux de coûts soutenables) que cognitif (et je reviendrai sur cette question dans un futur billet).

Néanmoins, s’il n’existe pas de carte globale de l’information sur le web, il existe de nombreuses visualisations du web, et de ses ressources.

Pour le besoin de mon petit exposé j’ai esquissé une typologie des cartographies et visualisations du web, et me suis amusée à la représenter sous la forme… d’une carte. D’une carte de métro en l’occurence, suivant l’exemple de l’agence japonaise Information Architects.

Typologies des visualisations du Web (pdf avec liens clicables)

Plutôt qu’une classification par type ou outil de visualisation, je me suis intéressée :

1. à la nature des ressources liées entre elle pour constituer la visualisation. Je distingue ainsi :

• des visualisations de pages reliées entre elles (vert)
• des visualisations d’utilisateurs reliés entre eux (bleu)
• des visualisations de données reliées entre elles (violet)

2. à la focale temporelle. Je distingue ainsi :

• Des représentations à un instant « t » du web (symbole appareil photo)
• Des interface d’archivage et de navigation temporelle (symbole calendrier)

3. au point de vue. Je distingue ainsi :

• Un point de vue global (premier cercle)
• Un point de vue centré sur l’utilisateur (deuxième cercle)
• Des dynamiques de re-territorialisation, d’ancrage des phénomènes web dans notre géographie physique (triangle)

Ci dessous la version Prezi de la carte :

Et de la première partie de mon exposé, dédiée à la présentation de notre paysage informationnel et de la dataviz comme outil :