Les frameworks de représentations graphiques

Nov 10, 2014
Yann Cadoret

Représenter des données graphiquement pour en améliorer leur compréhension est devenue chose courante sur le Web. De nombreux frameworks, principalement basés en Javascript, ont vu le jour. Bien choisir dépend souvent des types données à représenter et de la couverture souhaitée pour le service. Mais attention, certains sont beaucoup plus compliqués à maitriser !

Les frameworks de représentations graphiques :

D3.js http://d3js.org/

D3.js

Les plus
Très nombreuses possibilités
Permet de trier et traiter des données tabulaires

Les moins
Communauté moins importante car solution moins utilisée (peu de support)
Complexité d’utilisation et d’intégration
Lenteurs d’exécution

Basé sur le SVG , cette solution offre une large compatibilité (dès IE9). Elle est peu utilisée alors qu’elle est pourtant très complète. Même si la communauté est de plus en plus importante et que de plus en plus d’exemples sont disponibles, D3.js reste très compliqué à utiliser.

 

iCharts http://www.icharts.net/

iCharts

Les plus
Un support disponible
La simplicité d’utilisation et d’interaction
La vitesse d’exécution

Les moins
Des rendus limités et communs
Peu d’interactions
La licence payante
Faible compatibilité

iCharts est une solution très utilisée mais payante. Elle est basée sur la technologie CANVAS qui ne permet pas une grande compatibilité. Elle présente l’avantage d’être disponible sur le cloud et est très similaire à la solution utilisée par Google dans le système d’analytics.

 

ChartJS http://www.charjs.org/

ChartJS

Les plus
La facilité de “customisation”
La disponibilité de templates

Les moins
Une faible compatibilité (Canvas)
Un cadre qui peut être contraignant

Très utilisée, cette solution dispose d’une très grosse communauté et donc d’un support disponible très important.

 

HighCharts http://www.highcharts.com/

HighCharts

Les plus
Beaucoup de possibilités
De nombreuses interactions possibles
Support disponible

Les moins
Formules payantes

Cette solution est payante mais repose sur une très large communauté. Utilisée par de très grands noms du Web elle permet de très nombreuses représentations graphiques et une intégration complète.

 

En conclusion

Il est difficile de dire qu’une solution est meilleure qu’une autre. Car, une fois encore, le framework le plus adapté dépend du besoin… S’il ne fallait en retenir qu’un, D3.js serait certainement la solution à choisir car elle permet une customisation des graphiques très poussée et impressionnante, mais attention, elle est aussi extrêmement complète et complexe !

UX-REPUBLIC est une agence spécialisée en conception centrée utilisateur. Nous sommes également centre de formation agréé. Retrouvez toutes nos formations en UX-DESIGN sur notre site training.ux-republic.com