victory VS react-vis

Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting.

Victory Native is a chart library that was developed in 2015. It has been 7 years since its inception. With a high cumulative download count of 7,434,044, it has garnered an impressive 10.3k+ stars on GitHub. It is the longest-standing and most widely used chart library in the history of React Native.

Anyone use Victory? It looks like it is gaining traction.

For convenience of others, here’s a link to Victory Native’s project site (it’s a react.js library with a native version, so be sure to find the native docs).

Victory is a ReactJS and React Native chart library created by Formidable. It's based on ReactJS and D3, and comes with a slew of fully configurable charts pre-installed.

I've enjoyed using Victory - needs React tho: https://formidable.com/open-source/victory/

Victory is great, it doesn't officially support React 18 yet, you'll get warnings because the peer version is still looking for React 17, but it shouldn't be an issue if you force install. It's really just that the tests won't work with React 18, but it should be fine to use it in your project.

They have an open issue for React 18 support, but they are stuck because they are using Enzyme for unit tests (which is effectively obsolete and will likely never work with React 18). So their plan appears to be to move from Enzyme to RTL first and then support React 18.

Install react-vis by using the following command:

I've heard good things about Uber's react-vis https://www.npmjs.com/package/react-vis

D3.js is great for custom data viz. You can get started by including the library in a script tag and not have to mess around with a bundler like Webpack until you are ready and just use plane CSS. D3.js doesn't work well with JS frameworks like React - it was jQuery like DOM manipulation functions. I find the best approach is to let D3 manage its chart and leave React for the UI. Or you can use a more React friendly library like React Viz from Uber. While D3 is great for custom data viz it's time consuming for standard charts. There are a lot of charting libraries out there like Chart.js. There is also Plot which is built on D3.js.

React Vis averages 100,000+ weekly downloads, 8.3k stars and 850 forks on Github.

react-vis

I am trying to use react-vis library in my project. In their readme file, they have asked to import library by adding following lines in non-node environment:

I had an existing working react code written in Typescript (and hence ES6) using react-vis library. The library itself seem to use ES6.

I have referenced react-vis library form unpkg as stated in their github repo:

The repository can be found here and is definitely worth taking a look.

react-vis - Data visualization library based on React and d3.