Looking 4 data visualization

Information graphic at its best - Malofiej 21

. La conférence annuelle Malofiej est un des évènements majeurs des domaines du data journalism, de la data visualization et de l'infographie.

. La version 2013 de la conférence vient s'est terminée le 15 Mars, elle a réuni pendant 5 jours à Pampelune des professionnels et universitaires de la discipline du design de l'information.

. L'évènement Malofiej se décompose en trois parties : Une conférence générale, des workshops et une compétition annuelle.

. Parmi les speakers invités cette année, on trouve des références du domaine de l'infographie / dataviz comme Nicholas Felton (Auteur du Feltron Report et aujourd'hui designer chez Facebook), Nigel Holmes (Designer anglais émérite) ou Vernanda Viegas (A l'origine de Many Eyes, aujourd'hui chez Google en charge du projet Big Picture Datavisualization).

. Le jury de la compétition 2013 a décerné plusieurs dizaines de prix aux meilleures productions graphiques de l'année (Print + Web) parmi 1 700 projets soumis. La liste complète des prix décernés (News, Features, Portfolios ...) est disponible ici.

. Le gagnant de cette année est le New York Times qui truste quasiment les premières places dans chaque catégorie. Le jury a récompensé des projets issus de journaux / agences Américain, Anglais, Allemand, Espagnol, Italien, Finlandais, Norvégien, Russe, Chinois, Brésilien ... aucun  Français shorlisté.

. Un panel des meilleurs projets 2013 ci-dessous.

Periscopic - Hewlett Foundation Grant Tool

 

Washington Post - Homicides in the District

NYT - The iPhone Economy

Folha de S.Paulo - Folhacóptero

Who pays what in BE?

. Le journal économique belge l'Echo dans son édition du 26 janvier propose à ses lecteurs un dossier sur les recettes et dépenses de l'état Belge: Qui paie quoi dans l'Etat Belgique ? Afin de représenter ces rentrées et sorties fiscales, le journal nous propose un peu de 'data journalism'.

. L'infographie réalisée par Matthieu Bogaert - bogaertmatthieu@gmail.com - se base sur un Sankey diagram pour représenter l'ensemble des transferts fiscaux de l'état Belge. Les recettes fiscales sont ventilés en 8 catégories, il est possible de visualiser en un coup d'oeil la proportion de chacune d'entres elles dans les recettes de l'état.

. Le Sankey diagram permet ensuite d'analyser plus précisément comment se décomposent les flux de recettes versus les dépenses en gardant un niveau de lisibilité correct par rapport aux nombres d'informations présentées. La version HD de l'infographie est disponible ici Who pays what?

. Le Sankey diagram est une représentation graphique généralement utilisée pour illustrer des flux d'énergie de matière ou financiers à l'aide de flèches. La largeur des flèches est proportionnelle au poids du flux représenté. Ce type de représentation n'est pas nouveau, le Sankey diagram tient son nom de son inventeur, Henry R. Sankey un ingénieur Irlandais qui a utilisé cette représentation pour la première fois en 1898.

. Avec la démocratisation du domaine de la data visualization, ce type de graphique est utilisé dans des dataviz du type peoplemovin, Energy technologies visualisation etc. des services web l'utilisent aussi pour proposer des visualisations performantes voir l'application financière Trefis.

. Le site sankey-diagrams.com est un blog dédié à ce composant et référence les meilleurs projets et solutions technologiques permettant de développer ce type de visualisation.

Bloomberg Billionaires Index

. Le site de Bloomberg vient de publier une data visualization qui s'interesse aux 100 plus grosses fortunes dans le monde. Bloomberg Billionaires permet de classer, de comparer et d'analyser les revenus des 100 plus gros revenus au monde au travers de 4 visualisations interactives.

. Jusqu'à récemment il fallait attendre la publication annuelle du magazine Forbes pour connaitre la liste des milliardaires de la planète.

. Avec Bloomberg Billionaires, il est désormais possible de suivre l'évolution du Top 100 quotidiennement, l'application est mise à jour tous les matins avec de nouvelles données, des filtres ont été définis tels que la Nationalité, l'Industrie ou encore la Source des revenus permettant d'affiner les critères d'analyses. 

. Une timeline couvrant une période de 12 mois est disponible dans les 4 principales vues, elle permet de visualiser l'évolution des revenus de ce Top 100. Pour chaque milliardaire référencé dans l'application, une mini bio est fourni précisant comment leur fortune s'est construite et se décompose.

. Les chiffres calculés et présentés sont hallucinants, par exemple la fortune de Carlos Slim (#1 du classement) a varié de +0,5% en une journée ce qui représente une augmentation de sa fortune de 360 Millions $. Dans le même genre l'industriel indien Mukesh Ambani (#17) a perdu 251 Millions $ en une journée.

. En termes de représentations graphiques, des histogrammes horizontaux sont utilisés pour le ranking, une carte (bubble world map) et un diagramme à point viennent compléter le portfolio analytique de l'application.

. Les vues les + intéressantes sont les visualisations Rank et Plot. Ces 2 visualisations combinées aux filtres fournissent une profondeur d'analyse assez riche et se révèlent efficaces en termes de restitution graphique.

. Cette data visualization a été développée par le département graphique de Bloomberg (Visual Data), elle constitue un bon exemple de data journalism. Testez-la

Hans Rosling's Presentation

. Hans Rosling est un statisticien suédois connu dans le monde de la data visualization pour avoir développé l'outil Trendalyzer via sa fondation GapMinder - unveiling the beauty of statistics for a fact based world view -

. Il est aussi reconnu pour ses conférences sur le développement mondial qui sont pour lui l'opportunité de sensibiliser les esprits sur les problématiques inhérentes à la croissance de la population mondiale et de démontrer la qualité de restitution visuelle de l'outil GapMinder.

. La semaine dernière a eu lieu l'évènement OkFestival (#okfest) à Helsinki. Parmi les 13 thèmes prévus au programme de l'évènement, celui du datajournalism et de la datavisualization a été confié à Hans Rosling.

. La présentation de l'évangéliste suédois - A Fact Based World View Requires Open Data, Infoviz & More - commence à la 34ème minute de la vidéo.

. 60 minutes 'd'insight' brillamment exposé par Hans Rosling.

NYTimes Interactive Graphic

. A l'occasion de la finale NBA, le New York Times a créé une data visualization - Where the Heat and the Thunder Hit Their Shots - qui cartographie et analyse la performance des 2 équipes finalistes (Miami Heat vs. Oklahoma City Thunder).

. Le leader du data journalism en action : Le design visuel est très efficace et l'esthétique est comme souvent au rendez vous dans les productions du NYT. En un coup d'oeil les principales informations sont enregistrés (le nombre de tirs réalisés et la performance globale) puis l'analyse dans le détail des séquences de tirs des 2 équipes révèle des informations intéressantes (surtout dans la zone des 3 points).

. La taille des hexagones correspond au nombre de tentatives de tirs, la couleur est relative au nombre de points marqués à un emplacement du terrain. Il est possible d'affiner l'analyse des cartes en filtrant les tentatives de tirs par zones (3 points, Mi distance, Rapproché)

. En complément de la performance globale, le même type de visualisation est utilisé pour afficher et analyser la performance des joueurs. Des synthèses sont aussi réalisées sur la performance globale et sur la performance individuelle des joueurs. Le meilleur du journalisme de données Where the Heat and the Thunder Hit Their Shots

Cumul des mandats des députés #dataviz

. Pour une fois une data visualization FR à l'honneur : Le projet Qui Cumule? est une data visualisation d'origine nantaise qui s'intéresse aux cumuls des mandats de nos députés.

. La visualisation a été créée en utilisant la bibliothèque javascript Raphael.js, le principal composant est une 'Choropleth Map' qui permet d'identifier rapidement les départements où les cumuls de mandats sont les plus importants et ceux qui respectent le principe de non cumul.

. Pour chaque département, le nombre de cumul de mandats par nature (Communal, Départemental, Régional) est proposé sous la forme d'un pie chart.

. Le responsable du projet -Maxime Alay Eddine- nous livre les caractéristiques techniques de sa dataviz :

'1. Les données sources : Site de l'assemblée nationale pour les mandats des députés + INSEE pour les éléments cartographiques.

2. Les technologies : SQL pour les calculs, PHP pour la génération des résultats et la transition vers javascript, Raphael.js pour la génération de la carte et des graphiques et jQuery.js pour l'interactivité.'

. En conclusion, une data visualization qui fonctionne plutôt bien et qui démontre la qualité de la bibliothèque javascript Raphael, une des plus performantes avec D3.js à ce jour.

French energy policy analyzed by Greenpeace

. Le site de Greenpeace dispose depuis quelques mois d'une application intéractive qui traite des politiques énergétique et climatique en France et du positionnement des différents candidats à la Presidentielle 2012.

. Cet outil analyse les 'programmes' des candidats sur 3 grandes thématiques (le nucléaire, la consommation fossile et le développement des alternatives) décomposées en 22 sujets. Pour chaque question, les candidats sont évalués et classés en candidats engagés, attentistes ou rétrogrades.

. L'outil est mis à jour au fil des déclarations et du positionnement des différents candidats, le design et l'interactivité proposés sont très efficaces, une synthèse des évaluations a été prévue pour chaque thématique.

. Greenpeace a développé ce projet en collaboration avec la société de création datagif. Le portfolio de ce studio de design graphique contient quelques visuels orientés data visualization qui supportent aisément la comparaison avec des productions es, uk, us. Une société à découvrir / suivre.

 

SND Best of digital News Design 2012

. L'organisation Society for News Design SND a communiqué début Mars la liste des vainqueurs de sa compétition SND’s Best of Digital News Design 2012. Cet évènement réuni une équipe d'experts internationale (US, UK, CA, ES) qui a pour mission d'évaluer plus de 500 projets digitaux.

. Parmi les lauréats de la compétition on trouve des projets de data journalism / visualization réalisés principalement par le New York Times (le leader aujourd'hui du domaine). La liste des vainqueurs est impressionante, + de 80 prix distribués, et constitue un panel pertinent de ce qui se fait de mieux en termes de data journalism et de data visualization aujourd'hui;

. Ci desssous 3 des 80 projets primés cette année - New York Times & NPR National Public Radio -

 

 

 

 

. voir aussi SND - Best of News Design

OECD better life index LIKE: EU University Autonomy tool

. Le site de l'organisation European University Association, university-autonomy.eu, vient de publier une visualisation interactive qui permet d'évaluer et de comparer l'autonomie des universités de 28 pays européen.

. Le classement des pays présents dans l'étude s'effectue sur 38 indicateurs classés en 4 thématiques - Organisation, Finance, Staff, Académique -

. Les thèmes d'analyse et indicateurs sont présentés efficacement et décrits avec précision ce qui confère une qualité de lecture et une richesse aux informations affichées très appréciables.

 

. Il est possible de driller et de visualiser les performances des pays pour chacune des 4 thématiques ainsi que de zoomer sur un pays. Une synthèse de la situation universitaire versus les différents critères d'autonomie est ensuite disponible.

'France is situated at the top of the “medium low” group of countries for organisational, financial and staffing autonomy, and in the “low” group for academic autonomy''

. Le designer de la visualisation (un allemand) relève le challenge d'afficher sur la vue principale la performance de 28 pays vs. 38 indicateurs vs. 4 thèmes tout en conservant un niveau de lisibilité performant - Impressionnant - 

. La visualisation de par la technique de restitution utilisée sur la vue principale renvoie - à un certain degré - à l'application OECD Better Life Index réalisée en 2011. Il n'en reste pas moins que l'outil European University Autonomy tool constitue une illustration parfaite d'une data visualization réussie.

 

 

Présidentielles 2012 - Candidats vs. Followers

. Twitter Growth: L'évolution du nombre de suiveurs des principaux candidats à la présidentielle ou la popularité des politiques sur Twitter: En Mai, le podium est toujours constitué de François Hollande, Nicolas Sarkozy et François Bayrou.

. Ci dessous une vue globale des courbes de tendance du nombre de followers des candidats à la présidentielle depuis le mois de janvier (Données actualisées le 30 avril, visuel créé avec Tableau Public).