Skip to content

Latest commit

 

History

History
35 lines (24 loc) · 895 Bytes

README.md

File metadata and controls

35 lines (24 loc) · 895 Bytes

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

d3-react-library-demo

Setup instructions

  1. npm install

Installs all required packages and dependencies

  1. npm start

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