react-peity v0.0.1

React-Peity

A React version of an excellent peity library for beautiful mini <svg> graphs.

Since peity is heavily dependent on jQuery, for 2016, a React version was badly needed.

See the examples at peity page.

Currently supports Line and Bar widgets.

Installation:

npm install react-peity

Usage:

import { Line } from 'react-peity';
<Line values={ [5, 7, 12, 20] } height="16" min="0" max="100" />

Line options (default)

delimiter: "," # You can use string as values as well
fill: "#c6d9fd"
height: 16
min: 0
max: -Infinity
stroke: "#4d89f9"
strokeWidth: 1
width: 32

Bar options (default)

delimiter: ","
fill: ["#4D89F9"] # Use several fills, they will be cycled
height: 16
min: 0
max: -Infinity
padding: 0.1
width: 32