Reaviz NPM | npm.io

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

🚀 Quick Links

Checkout the demos
Learn more in the docs
Learn about updates from the changelog

💎 Other Projects

Unify Viz - Premium offering 850+ Figma and React professionally designed data visualization components.
Reagraph - Open-source library for large webgl based network graphs.
Reablocks - Open-source component library for React based on Tailwind.
Reaflow - Open-source library for workflow and diagram graphs.

✨ 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
- Standard
- Year Calendar
- Month Calendar
Venn Diagram
- Standard
- Euler
- Fixed Euler
Bubble Chart
Treemap
Bar List
Meter
Spider / Radar
Funnel 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
SSR

📦 Install

To use reaviz in your project, install it via npm/yarn:

npm i reaviz --save

then import a chart type into your JSX element:

import { BarChart } from 'reaviz';

const data = [
  { key: 'IDS', data: 14 },
  { key: 'Malware', data: 5 },
  { key: 'DLP', data: 18 }
];

const App = () => <BarChart width={350} height={250} data={data} />;

Checkout this demo live or visit the demos page to learn more!

🔭 Development

If you want to run REAVIZ locally, its super easy!

Clone the repository
npm i
npm start
Browser opens to Storybook page

❤️ Contributors & Credits

Thanks to Netlify for hosting!

Thanks to all our contributors!

@infinitebrahmanuniverse/nolb-reav @everything-registry/sub-chunk-2631 @zym-com/chart-venn

5 days ago

19 days ago

25 days ago

25 days ago

26 days ago

30 days ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

7 months ago

6 months ago

7 months ago

7 months ago

7 months ago

6 months ago

6 months ago

7 months ago

5 months ago

5 months ago

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

8.1.0-dev.master-55e12d0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

8.0.7-dev.master-3f18a6d

4 years ago

8.0.6

4 years ago

8.0.6-dev.master-8701b65

4 years ago

8.0.5-dev.master-edb6c6d

4 years ago

8.0.5

4 years ago

8.0.4-dev.master-295a24a

4 years ago

8.0.4

4 years ago

8.0.3-dev.master-4b2ddc0

4 years ago

8.0.3

4 years ago

8.0.2-dev.master-4a5c93f

4 years ago

8.0.2-dev.master-b963792

4 years ago

8.0.2-dev.master-2980002

4 years ago

8.0.2-dev.master-2f52f69

4 years ago

8.0.2-dev.master-2fc10f3

4 years ago

8.0.2

4 years ago

8.0.1-dev.master-35b24ef

4 years ago

8.0.1

4 years ago

8.0.0-dev.master-8af2ac0

4 years ago

7.2.3-dev.master-ba4e8b5

4 years ago

8.0.0

4 years ago

7.2.3-dev.master-5a64a06

4 years ago

7.2.3-dev.master-14f1762

4 years ago

7.2.3-dev.master-530e8e9

4 years ago

7.2.3

4 years ago

7.2.2

4 years ago

7.2.1

4 years ago

7.2.0-dev.master-dfb525c

4 years ago

7.2.0-dev.master-6ed01e8

4 years ago

7.2.0-dev.master-fa591f5

4 years ago

7.2.0-dev.master-6c6ff55

4 years ago

7.2.0-dev.master-d9cd825

4 years ago

7.2.0-dev.master-352e8d5

4 years ago

7.2.0-dev.master-068126c

4 years ago

7.2.0-dev.master-c5361c1

4 years ago

7.2.0

4 years ago

7.1.0-dev.master-b15ce67

4 years ago

7.0.2-dev.master-ad51e8a

4 years ago

7.1.0

4 years ago

7.0.2-dev.master-67de90e

4 years ago

7.0.2-dev.master-25b1eba

4 years ago

7.0.2-dev.master-2e779c9

4 years ago

7.0.2-dev.master-38c4d16

4 years ago

7.0.1-dev.master-1f5daa6

4 years ago

7.0.2

4 years ago

7.0.1-dev.master-0e9f43c

4 years ago

7.0.1-dev.master-14f6be1

4 years ago

7.0.1

4 years ago

7.0.0

4 years ago

5.3.5-dev.master-86279ce

4 years ago

5.3.5-dev.master-2d96be2

4 years ago

5.3.5-dev.master-0f57183

4 years ago

5.3.5-dev.master-9e8d925

4 years ago

5.3.5-dev.master-8242e19

4 years ago

5.3.5-dev.master-d5956b9

4 years ago

6.0.0

4 years ago

5.3.5-dev.master-b72c478

4 years ago

5.3.4-dev.master-2a4ef6b

4 years ago

5.3.4-dev.master-75f9d91

4 years ago

5.3.5

4 years ago

5.3.4-dev.master-c6f5c72

4 years ago

5.3.4-dev.master-08f6be8

4 years ago

5.3.4-dev.master-054c159

4 years ago

5.3.4-dev.master-45cea16

4 years ago

5.3.3-dev.master-636e21d

4 years ago

5.3.4

4 years ago

5.3.3-dev.master-edeb573

4 years ago

5.3.3-dev.master-3abfe39

4 years ago

5.3.3-dev.master-9aaf172

4 years ago

5.3.3-dev.master-94a786b

4 years ago

5.3.3

4 years ago

5.3.2

4 years ago

5.3.1-dev.master-523ae21

4 years ago

5.3.1-dev.master-ecfddb2

4 years ago

5.3.1-dev.master-04d6c07

4 years ago

5.2.1-dev.master-02e1a3a

4 years ago

5.3.1

4 years ago

5.2.1-dev.master-5f8fbfd

5 years ago

5.2.1-dev.master-f4942d9

5 years ago

5.2.1-dev.master-463801c

5 years ago

5.2.1-dev.master-6bf0d00

5 years ago

5.2.1-dev.master-9528d4d

5 years ago

5.2.1-dev.master-1e38980

5 years ago

5.2.1-dev.master-1612765

5 years ago

5.2.1-dev.master-28e9bf2

5 years ago

5.2.1-dev.master-5656229

5 years ago

5.2.1-dev.master-4a6ef28

5 years ago

5.2.1-dev.master-4457724

5 years ago

5.2.1-dev.master-b868615

5 years ago

5.2.1-dev.master-fe52fa9

5 years ago

5.2.1-dev.master-a22a0de

5 years ago

5.2.1-dev.master-51ce51e

5 years ago

5.2.0-dev.master-5a9c35b

5 years ago

5.2.1

5 years ago

5.2.0-dev.master-1215321

5 years ago

5.2.0-dev.master-444cc21

5 years ago

5.2.0-dev.master-9435c1f

5 years ago

5.1.2-dev.master-0b738a5

5 years ago

5.2.0

5 years ago

5.1.2-dev.master-c3f5d64

5 years ago

5.1.2-dev.master-80c0bc7

5 years ago

5.1.2-dev.master-c6666f3

5 years ago

5.1.2-dev.master-5c3de7e

5 years ago

5.1.2-dev.master-f89ae7f

5 years ago

5.1.2-dev.master-d356efe

5 years ago

5.1.2-dev.master-dc5d385

5 years ago

5.1.2

5 years ago

5.1.0-dev.master-6eb4c93

5 years ago

5.1.0-dev.master-6eb4c92

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago