---

📊 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:

• Bar Chart
  • Single Series Vertical / Horizontal
  • Multi Series Vertical / Horizontal
  • Stacked Vertical / Horizontal
  • Stacked Normalized Vertical / Horizontal
  • Stacked Diverging Vertical / Horizontal
  • Marimekko
  • Radial
  • Sparkline
  • Waterfall
• Line Chart
  • Single Series
  • Multi Series
  • Stacked
  • Stacked Normalized
  • Radial
  • Sparklines
• Area Chart
  • Single Series
  • Multi Series
  • Stacked
  • Stacked Normalized
  • Radial
  • Sparklines
• Scatter Chart
  • Linear
  • Radial
• Pie Chart
  • Standard
  • Exploded
  • Donut Chart
• Sankey chart
• Gauge
  • Radial
  • Linear
  • Stacked Radial
• Map Chart
• Heatmap
  • Heatmap
  • Year Calendar
  • Month Calendar
• Venn Diagram
  • Standard
  • Euler
  • Star Euler
• Bubble Chart
• Treemap
• Bar List
• Meter
• Spider / Radar
• Funnel Chart
• Sunburst Chart

Additional features:

• Legend
  • Discrete
  • Sequential
• Axis
  • Linear
  • Radial
  • Advanced Label Positioning
• Gestures
  • Pinch
  • Pan
  • Zoom
  • Move
• Tooltip
  • Single Value
  • Grouped Values
• Line/Area Series Symbols
• Animations Enter/Update/Exit
• Brush
• Patterns
• Gradients
• Grid Lines
• Mark Lines
• BigInt Support
• Auto Sizing
• Bar Guidelines
• Range Lines
• Animated Counts
• a11y Support for labels, roles and tabbing

⚡️ 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.