GitHub stars  

📊 What is reaviz?

reaviz is a collection of beautifully designed, highly customizable, open-source React data visualization components. It leverages the power of d3.js (opens in a new tab) and the smooth animation capabilities of Framer Motion (opens in a new tab) to bring your data to life.

🤔 Why choose reaviz?

There are many React component libraries out there, but reaviz is unique in a few ways:

  • Highly Customizable: Built on top of d3, reaviz offers a high level of customization and flexibility, allowing you to tailor your visualizations to your needs.
  • Seamless Animations: With Framer Motion, reaviz ensures that your data transitions are smooth and visually appealing.
  • Easy to Use: The simple and intuitive API of reaviz makes it easy to create beautiful charts without extensive custom coding.
  • Batteries-Included: Pre-configured settings ensure that your charts look great from day one.
  • Battle-Tested: Used in dozens of enterprise products, reaviz has been proven in real-world applications.
  • Open Source: reaviz is open-source and free to use and we plan to keep it that way. You can use it in your personal or commercial projects.
  • Real Code, Not Wrappers: reaviz is built with real code, not wrappers around existing libraries. Everything from the select box to the radial charts are all part of the reaviz (opens in a new tab) portfolio.

For more details on why reaviz is the right choice for your projects, check out the Why page.

✨ Key Features

Chart types include:

Additional features:

⚡️ How do I get started?

Ready to dive in? Check out the Getting Started page. It will walk you through how to install reaviz and get up and running with your first component.

🙏 Support

We encourage users to make PRs and log tickets (opens in a new tab) for issues. We will try to respond to them as quickly as possible but if you are in need of extra support, our team at Good Code (opens in a new tab) is here to help. Reach out to us today to discuss our packages and support plans.