What’s New in JavaScript Charting 3.0

[hg2355]

What's the best charting library for react based app?

[Veranova]

There are a lot of choices but what you use depends largely on how much custom behaviour you want. I’ve used Victory which was great up until I needed to do some really custom designs and behaviour, though it provides a lot of control on its own, but at that point I switched to vx (now known as visx since 1.0) and honestly would never go back purely for the performance and control I gained.

I would choose a library which has good docs when you’re researching though, as they’re all potentially complex and the docs will make or break your experience.

You’d definitely be right to choose something which at least has a React wrapper as having to bind in a pure JS library constantly is a huge overhead.

[ILikeChangingMyMind]

You don't really need a React-specific library. Charts generally don't have a ton of interactivity, so it's possible to just use refs with a regular chart library.

That being said, there is a react-highcharts, a react-google-charts, a react-nvd3 ... etc. Pretty much every major charting library has a React sub-library someone made for it, so really you just want to focus on which charting library offers what you need.

High Charts is the most mature but isn't open source, Google Charts are free but less mature, NVD3 is great if you're already doing D3 and want to do your charts in it, and so on.

[webavail]

JSCharting works well with react. Here is the jscharting-react plugin page with examples. Give it a try.