📊 R2D3

R2D3 is a data visualization library for React based on D3js.

R2D3 provides features a module chart component library that leverages React natively for rendering the components while using D3js under the hood for calulcations. The library provides a easy way to get started creating charts without sacraficing customization ability!

🚀 Features

Chart types include:

• Bar Chart
• Line Chart
• Area Chart
• Pie Chart
• Bubble Chart
• Scatter Plot
• Hive Plot
• Sankey Chart
• Map Chart
• Sparklines

Additional features:

• Legend
• Tooltips
• Animations Enter/Update/Exit
• Advanced Axis Configurability
• Brush
• Panning / Zooming
• Gestures
• Grid/Mark Lines

📦 Install

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

npm i r2d3 --save

then import a chart type into your JSX element:

import { BarChart } from 'r2d3';
 
const data = [
  { key: 'IDS', data: 14 },
  { key: 'Malware', data: 5 ,
  { key: 'DLP', data: 18 }
];
 
const App = () => (
  <BarChart
    width={350}
    height={250}
    data={data}
  />
);

to learn more visit the demos page.