When comparing Metrics Graphics vs Chart.js, the Slant community recommends Chart.js for most people. In the question“What are the best open source JavaScript charting libraries?” Chart.js is ranked 2nd while Metrics Graphics is ranked 9th. The most important reason people chose Chart.js is:
The library contains a set of 6 charts and is 11Kb gzipped, this makes its loading time and page impact low.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Built on D3
All the power and flexibility of D3.js.
Pro Declarative interface
Declare the type of chart, the x and y variables, and other chart properties. No unnecessary manipulation of data objects into separate arrays for each axis.
Pro Lightweight and fast
The library contains a set of 6 charts and is 11Kb gzipped, this makes its loading time and page impact low.
Pro Responsive charts
The charts are fully responsive, meaning they resize based on the viewport width.
Pro Clear documentation
The chart.js documentation is well organized and provides detailed information on using each feature.
Pro Plugin support
Many plugins available via NPM and you can easily write your own
Cons
Con Limited features
Chart.js currently offers only 6 graph types, and lacks the flexibility offered by other options. For example, controlling the display of tooltips is fairly limited.
Con Canvas based
Canvas it bitmap based and shares the same issues as non-vector formats.