Concevez des graphiques interactifs en Javascript avec Anychart JS

Puisque nous étudions actuellement (avec plus ou moins de mal) le langage JavaScript, j’ai choisi pour mon article de veille de vous présenter un framework dédié à ce langage qui vous permettra de concevoir des graphiques interactifs via une bibliothèque de fonctionnalités qui peut être utile à tous.

Qu’est-ce qu’Anychart JS ?

Anychart JS est un outil de cartographie, de visualisations statistiques et de génération de diagramme de Gantt (utile pour la gestion de projet) qui se présente comme une solution JavaScript (avec une orientation HTML5).

C’est un framework qui peut être utilisé pour la création d’un site web, d’une application BI, d’une présentation ou encore pour une solution client. 

Aujourd’hui considéré comme le leader de la visualisation interactive de données et utilisé par des sociétés renommées comme Microsoft, Samsung, Oracle ou encore Volkswagen, Anychart JS a été primé cette année comme étant la meilleure technologie Javascript et a reçu ainsi la distinction DEVIES durant la DeveloperWeek en Californie.

Les avantages

Anychart JS a pour avantages d'être :
  • Flexible : car il répond à différents besoins en termes de visualisation de données : images, dessins animés, infographie ou encore des organigrammes (GraphicJS). 
  • Multi-navigateur et Multiplateforme : PC – Mac – Iphone. 
  • Bibliothèque de solutions paramétrable et personnalisable. 
  • Gratuit : depuis son passage en open source (en mars 2017) bien que restant sous licence commerciale dans le contexte professionnel.
  • Intuitif : grâce à son interface API.

Quelques exemples de réalisations sous Anychart JS

Des fonctionnalités de plus en plus nombreuses ...

Fondé en 2003, Anychart JS est un framework qui ne cesse de se développer au fil du temps puisque rien que pour l’année en cours, elle a connu pas moins de 4 mises à jours majeures (dont une prévue en décembre) dont j’aimerai évoquer certaines fonctionnalités.

Un bref rappel des dernières mises à jour :

Version 7.13.0 – (mars 2018)
  • Plugins pour AngularJS, Ember.js, jQuery, Meteor, Node.js et React
  • Possibilité de dessiner ses propres graphiques (simples ou basés sur le temps)
  • Graphique Pareto (loi des 20/80)
  • Verticalité de certains graphiques via l’apparition de nouvelles méthodes
  • Partage des graphiques sur les réseaux sociaux
Version 8.3.0 - (juillet 2018)
  • Prise en charge des infobulles en HTML
  • Paramétrage de l’arrière-plan pour les graphiques
  • Positionnement du titre des axes
  • Amélioration de l’API d’édition des diagrammes de Gantt.
Version 8.4.0 - (octobre 2018)

On retiendra de cette énième mise à jour, la possibilité pour l’utilisateur de concevoir des diagrammes de Sankey qui a pour spécificité une largeur des flèches proportionnelle à la quantité du flux représenté.

Diagramme de Sankey

Et cela n’est pas prêt de s’arrêter puisque l’équipe d’AnyGantt concentre ses efforts sur l’optimisation des performances qui sera prévu pour la future version 8.5.0 qui paraîtra en fin d’année.

Pour conclure …

AnyChart est un outil pertinent pour qui a une affinité avec le langage Javascript et qui est friand de graphiques interactifs en tout genre avec tout ce que les avantages de l’API comportent, d’autant plus que la bibliothèque Graphics JS repose sur une licence gratuite.

Pour celles et ceux que le framework intéresse, je vous indique ici le lien du site internet : https://www.anychart.com

Lexique :

Framework : ensemble d’outils informatiques qui a pour but de faciliter le travail et d’augmenter la productivité du programmateur qui en fait son utilisation. 

Opensource : désignation qui s’applique aux logiciels dont le code source est distribué sous une licence permettant à quiconque de le lire, de le modifier ou encore de le redistribuer.

Gantt : utilisé en gestion de projet, le Gantt est un outil qui a pour but de représenter visuellement l’état d’avancement des différentes tâches qui constituent un projet. 

Business Intelligence (BI) : terme désignant les applications, les outils et les pratiques qui offrent l’accès à l’information et qui permettent d’analyser l’information dans l’optique de faciliter la prise de décisions et d’améliorer le rendement d’une entreprise. On parle aussi d’informatique décisionnelle.

API : est dit (en français) Interface de Programmation Applicative, l’ensemble normalisé des classes, méthodes et fonctions, qui sert de façade par laquelle les logiciels s’offrent des services entres eux. 

Sources utilisées :




Article rédigé par Jocelyn S

Commentaires

Enregistrer un commentaire