Des Outils pour la Visualisation Graphique des Données Chiffrées

Data Storytelling ou l'art de visualiser et faire parler vos datas ! 

La Data Visualisation est l'art de représenter les données de façon visuelle. 

Cet article passe en revue les solutions pour visualiser vos données chiffrées de toute nature et les restituer au sein d'une page web, dans un tableau de bord ou dans une application dédiée...

Dans un souci de communication efficace et performante, la restitution de ces informations devra se faire ​selon une certaine "mise en scène" de manière à raconter une histoire qui sera construite à partir de ces données.

C'est le concept du Data Storytelling. L'association de la Data Visualisation et du Storytelling a permis d'ailleurs de démocratiser la business Analytics (outils de restitution orientés prise de décision). 

Ces Frameworks (architectures de développement prêtes à l'emploi) sont pour la plupart développés en Javascript qui est un langage de scripting interprété côté client. En d'autres termes, cela signifie qu'il s'exécute sur l'ordinateur qui affiche la page, contrairement au langage PHP qui s'exécute côté serveur. 

Les avantages sont nombreux : vitesse, fluidité et compatibilité avec tous les supports numériques.

L'utilisation de certaines bibliothèques présentées dans ce dossier implique néanmoins des connaissances pointues en codage informatique.

Par ailleurs, elles ne sont pas aussi souples que des solutions tout-en-un et réclament un temps de développement plus long.

En revanche, le rendu visuel est le point fort de ces bibliothèques. Elles permettent de tracer une multitude de graphiques, de cartes ou de jauges.

Modulaires et personnalisables, les possibilités de ces bibliothèques en terme de visualisation graphique sont quasiment infinies.

Pour finir, vous trouverez également dans cet article des outils plus accessibles et plus spécifiques qui vous permettront par exemple de produire des graphiques ou des cartes en quelques clics.


D3.js

Développée à l’origine par le Data Scientist Mike Bostock du New York Times, D3 est une célèbre bibliothèque de visualisation JavaScript.

Cette bibliothèque Javascript open-source nommée D3 pour "Data-Driven Documents", permet l'affichage de représentations graphiques sur-mesure dans un navigateur internet en utilisant le format de données SVG, le HTML et le CSS.

D3.js est une bibliothèque interactive, rapide et flexible utilisable avec un grand nombre de FrameWorks (Angular.Js, React.Js, Ember.Js) et capable de traiter de grandes quantités de données.

En outre, l'utilisateur peut compter sur une communauté active très importante et des ressources à foison. 

La documentation très riche est illustrée par des tonnes d'exemples sur les différentes représentations graphiques possibles.

Par ailleurs, l’immense et impressionnante galerie disponible à cette adresse : https://github.com/d3/d3/wiki/Gallery mérite votre attention et permet de se faire une idée de l'étendue des possibilités offerte par D3.

Interactivité : Avancée 
En ligne : Oui
Prix : Gratuit (Open source)
Site internet : https://d3js.org/


Highcharts

Bibliothèque de graphiques incontournable, Highcharts a été écrite en Javascript pur et propose aux développeurs d'intégrer très rapidement des graphiques interactifs sur un site internet ou une application Web.

Highcharts gère de nombreux types de graphiques interactifs qui sont responsives et totalement personnalisables.

Ensuite, la bibliothèque peut se connecter à de nombreuses bases de données et autorise une pluralité de formats de fichiers en entrée.

Par ailleurs, une version gratuite est disponible pour une utilisation personnelle, une école ou une organisation à but non lucratif.

Pour finir, la bibliothèque propose à travers le module "Highmaps", des cartes interactives et explorables.

Interactivité : Avancée
En ligne : Oui
Prix : A partir de 595€/mois
Version Free : Oui (Personnel)
Site internet : https://www.highcharts.com/


Chartblocks

La plate-forme Chartblocks est une solution de création de graphiques disponible en ligne.

Vous pouvez importer vos données à partir de sources diverses telles que des tableurs ou des bases de données.

Grâce à l'assistant, les graphiques sont conçus en quelques clics.  

A l'aide du générateur de graphiques, vous avez la possibilité de créer toute sorte de représentations graphiques avec des possibilités de personnalisation avancée.

Utilisant la bibliothèque D3.Js pour la génération des graphiques, Chartblocks propose une compatibilité sans faille sur les principaux navigateurs.

En outre, l'utilisation du HTML5 pour l'affichage lui permet d'avoir des graphiques qui restent responsives et de qualité sur tout type d'écran. 

Enfin vous pourrez intégrer sur votre page Web, les graphiques générés avec la possibilité de les partager sur les réseaux sociaux (Twitter, Facebook...)

A noter qu'une offre gratuite est proposée mais sachez que vos graphiques seront dès lors visibles publiquement.

Interactivité : Limitée
En ligne : Oui
Prix : A partir de 5€/mois
Version Free : Oui
Site internet : https://www.chartblocks.com/fr


Data Story


Solution de présentation et de Data Visualisation interactive destinée aux directeurs financiers et contrôleurs de gestion, Data Story met l'accent sur les graphiques interactifs. 

Découvrez cette interactivité dans cette vidéo.

Disponible en ligne, l'outil intègre nativement les bons codes de la Data Visualisation.

Contrairement aux bibliothèques de graphiques présentées dans cet article, Data Story propose d'emblée des graphiques interactifs optimisés et exploitables immédiatement. 

Les représentations graphiques proposées par Data Story répondent toutes aux fondamentaux de la Data Visualisation, l'utilisateur peut donc se focaliser pleinement sur ses données. 

L'interactivité est incontestablement le point fort de l'outil. Pour les graphiques, les avantages sont immédiatement mesurables  : économie de slides (jusqu'à 7 pour un même graphique) , gain de temps, puissance accrue, impact visuel...

Un plugin Excel disponible avec la solution permet de créer ses graphiques dans le tableur Microsoft avec la même interactivité et la même rapidité. Ces graphiques sont ensuite exportés directement dans l'application. 

Une fois le graphique créé, l'utilisateur peut choisir de l'insérer sur une diapositive au sein d'une présentation ou alors de le partager via un lien ou sur une page internet.

Dans tous les cas, l'interactivité est conservée.  

Pour finir, la solution accompagne les utilisateurs avec une formation complète sur les bons codes de la Data Visualisation mais aussi sur les bonnes pratiques en matière de présentation design.

Interactivité : Avancée
En ligne : Oui
Prix : A partir de 29€ par mois
Version Free : Oui
Site internet : www.datastory.fr


ZingChart

Bibliothèque de graphiques utilisant JavaScript, Zingchart permet de créer des graphiques interactifs embarqués dans les applications Web et mobile. 

Une grande variété de types de graphiques est proposée pour répondre à toutes les demandes des utilisateurs en matière de représentation graphique.

Les graphiques sont rendus en HTML5 Canvas, SVG, PDF ou bien sous forme d’image.

Zingchart peut être utilisé gratuitement mais vous devrez accepter en retour la présence d'un Watermark sur vos graphiques.

L'outil est très bien documenté et vous aurez pour chaque graphique présent dans la bibliothèque, le code utilisé et des exemples d’intégration. 

Interactivité : Avancée
En ligne : Oui
Prix : A partir de 199$/an
Version Free : Oui (Watermark sur les graphiques)
Site Internet : https://www.zingchart.com/


FusionCharts

FusionCharts est une bibliothèque de cartographie JavaScript pour les sites internet et les applications.

Disponible sous forme de licence annuelle ou bien "One-shot", elle dispose de 90 graphiques et plus de 1000 cartes prêts à l'emploi.

Avec FusionCharts, les graphiques sont animés, interactifs et personnalisables. De plus, ils offrent une compatibilité avec tous les navigateurs et les langages du marché (.NET, ASP, PHP, JSP, Coldfusion, Ruby on Rail).

Par ailleurs, les cartes bénéficient des mêmes caractéristiques et donnent à l'utilisateur accès à tous les continents, les pays et tous les grands états américains.

Interactivité : Avancée
En ligne : Oui
Prix : A partir de 199$/an
Version Free : Non
Site Internet : https://www.fusioncharts.com/


RawGraphs

Framework open source de visualisation de données, RAW Graphs veut démocratiser la représentation visuelle des données complexes au plus grand nombre. 

Raw Graphs a la possibilité de faire la jonction entre les graphiques vectoriels (Illustrator, Inkscape, Sketch) et les feuilles de calcul issues d'Excel notamment.

RAWGraphs travaille en utilisant des valeurs séparées par des délimiteurs (c'est-à-dire des fichiers CSV et TSV) ainsi qu'avec des textes copiés-collés en provenance d'autres applications (par exemple Microsoft Excel, TextWrangler, TextEdit...).

Développées autour du format SVG (graphique vectoriel adaptable), les visualisations ont la possibilité d'être modifiées via des applications graphiques vectorielles ou peuvent être directement intégrées sur des pages Web.

En ce qui concerne la partie sécurité des données, ces dernières ne sont pas hébergées sur des serveurs distants pour plus de sécurité et de transparence.

Interactivité : Avancée
En ligne : Oui
Prix : Gratuit (Open source)
Site Internet : https://rawgraphs.io/


Flourish

Disponible en ligne, Flourish ambitionne de transformer en quelques clics vos feuilles de calcul en graphiques, cartes et histoires interactives.

Aucune notion de codage n'est nécessaire, un simple copier-coller de vos données en provenance d'Excel suffit !

Les utilisateurs en manque d'inspiration pourront compter sur des modèles pré-définis pour les cartes ou les graphiques afin de présenter leurs chiffres clés.

La version payante offre des possibilités supplémentaires telles que la gestion privée et publique des projets ou encore la gestion des utilisateurs au sein de l’entreprise.

Interactivité : Limitée
En ligne : Oui
Prix : A partir de 45€
Version Free : Oui
Site Internet : https://flourish.studio/


DataWrapper

Datawrapper est un outil créé par des journalistes et des développeurs issus du collectif "Journalism++".

Utilisé dans le domaine du "Data Journalisme", il permet de transformer vos données brutes en graphiques et cartes interactives.

Après avoir entré ses données en provenance d'Excel, de Google Sheet ou d’un fichier CSV, l'utilisateur choisit la représentation la plus adaptée à ses données.

Selon sa charte graphique, il peut personnaliser le graphique ou la carte précédemment créé.  

Pour finir, les graphiques et les cartes sont interactifs et responsives. Cela facilite l'intégration sur les pages internet ou sur les blogs.

Interactivité : Limitée
En ligne : Oui
Prix : A partir de 29$
Version Free : Oui 
Site Internet : https://www.datawrapper.de/


Chart JS

Destinée principalement aux développeurs, Chart.JS est une solution gratuite permettant d’intégrer de manière simple et rapide des graphiques animés et interactifs sur un site Web.

Quant aux technologies employées par la solution, HTML5 canvas est le moteur de rendu pour l'affichage des éléments et le Javascript s'occupe pour sa part de la création des graphiques. 

Pour ce qui est des anciens navigateurs (Internet explorer 7 & 8), la compatibilité est assurée avec ChartJS.

Chart.JS embarque 6 familles de graphiques que vous pourrez aussi visualiser de manière responsive sur mobile et tablette.

Interactivité : Limitée
En ligne : Oui
Prix : Gratuit
Site Internet : http://www.chartjs.org/


Carto

Carto est une solution disponible en ligne spécialisée dans le traitement des données de localisation.

Outil de cartographie prédictif, il est en mesure d’analyser des gros volumes de données avec une restitution structurée et vivante.

Misant sur la simplicité, Carto propose des assistants de visualisation qui permettent en quelques clics de rendre une représentation graphique efficace.

Des templates sont disponibles et vous donnent accès à plusieurs types de carte. A l'instar de Photoshop, Carto gère des calques sur lesquels l’utilisateur pourra venir ajouter différentes couches d’informations.

Statiques ou animées, les cartes générées pourront être publiées et partagées sur le Web.

Interactivité : Avancée
En ligne : Oui
Prix : A partir de 149$
Version Free : Oui (Etudiant) 
Site Internet : https://carto.com/


KartoGraph

Kartograph est une solution simple et légère destinée à créer des cartes interactives sans GoogleMaps ou autres services de cartographie.  

Elle est surtout destinée aux designers et Data journalistes.  

Sachez que KartoGraph regroupe 2 bibliothèques que sont Kartograph.py et Kartograph.js.

La première autorise la création de fonds de carte sous forme vectorielle (SVG) à l'aide des géo-données alors que la seconde permet de développer des applications de cartes interactives à partir de ces fichiers SVG.

Interactivité : Limitée
En ligne : Oui
Prix : Gratuit (Open source)
Site Internet : https://kartograph.org/


Réservez votre entretien de découverte

Les présentations externes ou internes sont souvent réalisées à la dernière minute! S'ajoute à cela le stress généré par les deadlines imposées par l’événement...

Si vous pensez que la création de vos visuels ou de votre présentation n'est pas à la hauteur du message que vous souhaitez faire passer alors nous pouvons certainement vous aider ! 

Au delà de notre application Data Storynous proposons également aux entreprises la réalisation de présentations financières ou multimédia 
sur-mesure pour améliorer l'impact de leur message et convaincre leur auditoire.

Alors, prêt(e) à transformer vos idées en présentation inoubliable et originale ?

Réservez dès maintenant votre entretien de découverte en cliquant sur ce lien.