Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Chart.js vs Recharts, the Slant community recommends Chart.js for most people. In the question“What are the best JavaScript libraries for creating visualisations of data as charts/graphs?” Chart.js is ranked 2nd while Recharts is ranked 18th. 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.
Question Ranking
Pros
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
Pro Extensible
This is a fairly extensible library that allows you to add your own components
Pro Beautiful
Charts made with Recharts look great.
Pro Fast
Recharts renders quickly and smoothly.
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.
Con Depends on ReactJS
This relies upon React.js so if you're not using React, this isn't really an option.
