1.2.1 • Published 5 years ago
react-d3-ggplot v1.2.1
Demos
Getting Started
Install
# yarn
yarn add react-d3-ggplot
# npm
npm install react-d3-ggplot
Quick Start
Props | Description |
---|---|
data | An array of objects |
aes (aesthetics) | An array with two strings |
dimensions | An object: width, height, padding |
import React from 'react';
import { useState } from 'react';
import { GEOMS } from 'react-d3-ggplot';
import { XAxis } from 'react-d3-ggplot';
import { YAxis } from 'react-d3-ggplot';
import { Line } from 'react-d3-ggplot';
const LineChart = () => {
const [state, setState] = useState({
data: [{ x: 0, y: 0 }, { x: 10, y: 10 }],
aes: ['x', 'y'],
dimensions: { width: 500, height: 300, padding: 50 }
});
return (
<GEOMS {...state}>
<XAxis />
<YAxis />
<Line />
</GEOMS>
);
};
Live Example
1.3.0
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.32
5 years ago
1.0.31
5 years ago
1.0.30
5 years ago
1.0.29
5 years ago
1.0.28
5 years ago
1.0.27
5 years ago
1.0.26
5 years ago
1.0.25
5 years ago
1.0.24
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.21
5 years ago
1.0.20
5 years ago
1.0.19
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago