r2d3
    Overview
    Versions
    Jobs
    Chat
    Dependencies
    Contributors
    Documentation
    Alternatives
    Discussions

r2d3

Data Visualization using React and D3.js

1.0.0  •  Updated 1 years ago  •  by jask-oss  •  Apache License 2.0

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

Popularity

Stars
1.1K

Maintenance

Development

Last ver 1 year ago
Created 1 year ago
Last commit 3 months ago
10 hours between commits

Technology

Node version: 11.0.0
901.9K unpacked

Compliance

Apache License 2.0
OSI Approved
0 vulnerabilities

Contributors

11 contributors
Austin
Maintainer, 638 commits, 67 merges, 49 PRs
Masaki Utsumiya
Maintainer, 42 commits, 4 merges, 14 PRs
Stephanie Yang
Maintainer, 16 commits, 4 PRs
Perry Zipoy
Maintainer, 8 commits, 3 merges, 2 PRs
Josh Williams
Maintainer, 7 commits, 1 merges, 4 PRs
Steve Hall
1 commits, 1 PRs

Tags

react
d3
dataviz
charts
Ready for the next level?
Join Openbase's founding team to help us build the ultimate open-source app store, work with the latest technologies, and enjoy great culture, impact and autonomy
Openbase helps developers choose among and use millions of open-source packages, so they can build amazing products faster.
FacebookLinkedIn
© 2020 Devstore, Inc.