Skip to content

React/D3.js: A collection of chart components to generate data visualizations

Notifications You must be signed in to change notification settings

dianaow/d3-react-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Releases

No releases published

Packages

No packages published