Representing data graphically to improve its understanding has become commonplace on the Web. Many frameworks, mainly based in JavaScript, have emerged. Choosing the right one often depends on the types of data to be represented and the coverage desired for the service. But beware, some are much more complicated to master!
Graphic representation frameworks:
D3.js http://d3js.org/
Most
Many possibilities
Allows you to sort and process tabular data
The lessers
Smaller community because less used solution (little support)
Complexity of use and integration
Slow execution
Based on SVG , this solution offers wide compatibility (from IE9). It is little used although it is very complete. Even if the community is growing and more and more examples are available, D3.js remains very complicated to use.
iCharts http://www.icharts.net/
Most
Support available
Ease of use and interaction
Execution speed
The lessers
Limited and common renderings
Few interactions
The paid license
Low compatibility
iCharts is a widely used but paid solution. It is based on CANVAS technology which does not allow great compatibility. It has the advantage of being available on the cloud and is very similar to the solution used by Google in the analytics system.
ChartJS http://www.charjs.org/
Most
Ease of “customization”
The availability of templates
The lessers
Low compatibility (Canvas)
A framework that can be binding
Widely used, this solution has a very large community and therefore a very important available support.
HighCharts http://www.highcharts.com/
Most
Lots of possibilities
Many possible interactions
available media
The lessers
Paid formulas
This solution is chargeable but relies on a very large community. Used by very big names on the Web, it allows a large number of graphic representations and complete integration.
En conclusion
It is difficult to say that one solution is better than another. Because, once again, the most suitable framework depends on the need... If only one had to be chosen, D3.js would certainly be the solution to choose because it allows very extensive and impressive graphics customization, but beware, it is also extremely complete and complex!
UX/UI ECO-DESIGN # Paris
SMILE Paris
163 quay of Doctor Dervaux 92600 Asnières-sur-Seine
DESIGN THINKING: CREATING INNOVATION # Belgium
UX-REPUBLIC Belgium
12 avenue de Broqueville - 1150 Woluwe-Saint-Pierre
MANAGING AND MEASURING UX # Paris
SMILE Paris
163 quay of Doctor Dervaux 92600 Asnières-sur-Seine
DESIGN SPRINT: INITIATION & FACILITATION # Paris
SMILE Paris
163 quay of Doctor Dervaux 92600 Asnières-sur-Seine
UX-DESIGN: THE FUNDAMENTALS # Belgium
UX-REPUBLIC Belgium
12 avenue de Broqueville - 1150 Woluwe-Saint-Pierre
GOOGLE ANALYTICS 4 #Paris
SMILE Paris
163 quay of Doctor Dervaux 92600 Asnières-sur-Seine
ACCESSIBLE UX/UI DESIGN # Belgium
UX-REPUBLIC Belgium
12 avenue de Broqueville - 1150 Woluwe-Saint-Pierre
EXPERIENCE MAPPING # Paris
SMILE Paris
163 quay of Doctor Dervaux 92600 Asnières-sur-Seine