React + D3 Chart Components

A collection of React + D3 chart components to easily generate data visualizations and dashboards

Chart types

• Scatter chart
• Line Series
  • Multiple line chart
• Bar Series
  • Basic bar chart
  • Line-bar chart
  • Stacked bar chart

Features

• Customizable axis component
• Legend component
• Dropdown to select chart view based on data attributes
• Interactive chart showing tooltip on hover
• Responsive screen size

Sample dashboard

See App.js for sample code for below dashboard layout

Setup instructions

1. npm install

Installs all required packages and dependencies

2. npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.