https://github.com/oslabs-beta/d3reactor
d3reactor is a data visualization library using the latest features from React and D3 (v6+) to make modern, visually appealing, performant charts more accessible to all developers, not just data visualization experts.
https://github.com/oslabs-beta/d3reactor
chart charts d3 data-visualization react
Last synced: 7 months ago
JSON representation
d3reactor is a data visualization library using the latest features from React and D3 (v6+) to make modern, visually appealing, performant charts more accessible to all developers, not just data visualization experts.
- Host: GitHub
- URL: https://github.com/oslabs-beta/d3reactor
- Owner: oslabs-beta
- License: mit
- Created: 2021-11-02T23:57:52.000Z (over 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-04-26T19:54:00.000Z (almost 4 years ago)
- Last Synced: 2025-06-05T22:04:03.522Z (8 months ago)
- Topics: chart, charts, d3, data-visualization, react
- Language: TypeScript
- Homepage: https://www.d3reactor.com/
- Size: 1.52 MB
- Stars: 28
- Watchers: 3
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# d3reactor
An open-source library of charts for creating performant, responsive data visualizations built with React and D3.
The main goal of this library to help you create customizable charts easily.
# Installation
Let's get your first d3reactor chart setup in less < 5 minutes.
## Install the d3reactor package
```
npm install d3reactor
```
OR
```
yarn add d3reactor
```
## Import d3reactor into your React project
```
import * as d3reactor from "d3reactor"
```
OR you can import each chart separately
```
import {AreaChart, BarChart, PieChart, ScatterPlot, LineChart} from "d3reactor"
```
# Examples
```
```
And you're good to go!
# Documentation
For detailed information, please follow the links below:
* [d3reactor](https://www.d3reactor.com/)
* [Area Chart](https://www.docs.d3reactor.com/docs/Charts/area-chart)
* [Bar Chart](https://www.docs.d3reactor.com/docs/Charts/bar-chart)
* [Line Chart](https://www.docs.d3reactor.com/docs/Charts/line-chart)
* [Pie Chart](https://www.docs.d3reactor.com/docs/Charts/pie-chart)
* [Scatter Plot](https://www.docs.d3reactor.com/docs/Charts/scatter-plot)