Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

GraphicsJS : dessinez des courbes, des images et des animations
Grâce à cette bibliothèque JavaScript SVG/VML

Le , par vermine

33PARTAGES

7  0 
GraphicsJS est une bibliothèque JavaScript (SVG/VML) open source permettant de dessiner facilement des graphiques interactifs, des animations, etc. Elle est légère et propose plus de fonctionnalités que les outils basés sur le SVG/VML, notamment Raphaël et Bonsai.

Conçue par AnyChart , la bibliothèque est entièrement gratuite (licence BSD). Elle peut être utilisée pour construire absolument tout type de graphismes, y compris les images, les dessins animés, de l'infographie, des organigrammes et bien d'autres, et ce avec des effets visuels. Bref, la visualisation interactive de données n'est qu'un exemple parmi d'autres. C'est d'ailleurs la solution adoptée par l'équipe pour l'ensemble des bibliothèques graphiques de AnyChart. En fait, la mise en open source de GraphicsJS est la première étape pour un jour rendre le framework complètement open source.



Voici les principales caractéristiques :

  • des fonctionnalités de texte enrichi : textes multi lignes, mesure du texte (largeur, hauteur), overflow, indentation, espacement, alignement, etc. ;
  • le dessin de courbes et formes : pas seulement les courbes de Bézier comme dans toutes les solutions SVG/VML, mais toute forme et déformation. Des courbes, des arcs, des triangles, etc. ;
  • un DOM virtuel : pour dessiner rapidement et uniquement ce qui est nécessaire ;
  • un système de superposition : avec z-index. ;
  • un moteur de transformation au lieu d'utiliser les transformations dans le navigateur. ;
  • le support des anciens navigateurs (IE6+) ;
  • une API JavaScript concise utilisant le chaînage.


Pour info : AnyChart a été fondée en 2003 et est un leader dans la visualisation interactive de données. Ses solutions sont flexibles et utilisent le JavaScript et le HTML5. De grandes sociétés comme Oracle, Microsoft, Volkswagen, Samsung et bien d'autres ont utilisé un outil AnyChart. Aujourd'hui, l'équipe fait un pas en avant dans le monde de l'open source, et espère que ce sera bénéfique pour tout le monde.

Site officiel de GraphicsJS.
Téléchargement.

Et vous ?

Que pensez-vous des outils AnyChart ?
Que pensez-vous de ce passage à l'open source ?

Retrouver les cours et tutoriels sur les frameworks JavaScript.

Une erreur dans cette actualité ? Signalez-le nous !