ReactJS based data visualization made easy

Over the last 10 months I tried most of the better React-based graphing packages (I say React-based because this excluded D3 and co. which are in JS).

I finally settled on Recharts (https://github.com/recharts/recharts).

I tried react-vis from Uber (https://github.com/uber/react-vis) and Victory (https://github.com/FormidableLabs/victory). Also looked at Amcharts (https://github.com/amcharts/amcharts3-react) but didn't quite have the full React 16 integration at the time and it's paid software.

I actually started with Recharts moved away and came back :). Probably not going to move again. I found it was the best at handling stacked bar charts, scaling and legends. Victory is pretty good but a large library because it includes Lodash. Also the legends don't seem to play nice so had to build my own.

Link to the library in the article: react-vis (http://uber.github.io/react-vis/documentation/welcome-to-rea...)

I started work on react-charts last year, but became distracted with other OSS projects. I plan on revisiting this ecosystem very soon. In my experience with all of the libraries mentioned in this thread, some of them came close to feeling like they belong in the react ecosystem, but a lot of them missed the point on the "why" of react, usually by becoming too non-declarative, relying on other libs for DOM manipulation, or not striking the right balance between configuration and modularization. Maybe someday we'll have a great library that feels just as good to use as react itself. I hope that day comes soon.

Been digging https://vx-demo.now.sh/ so far. Helpful enough to remove boilerplate, but still control how things render to achieve the desired visualization.

anyone has any recommendation for VueJs?