sparkline
Lightweight React sparklines ✨ 📈
Install
yarn add @rowno/sparkline
npm install --save @rowno/sparkline
Example
function Spark() {
const lines = [
{
values: [789, 880, 676, 200, 890, 677, 900],
colors: {
area: 'rgba(217, 227, 237, 0.5)',
line: '#193652'
}
}, {
values: [354, 456, 200, 566, 344, 467, 545],
colors: {
area: 'rgba(199, 228, 255, 0.5)',
line: '#004585'
}
}
]
return (
<Sparkline
width={56}
height={12}
lines={lines}
/>
)
}
Outputs:
License
sparkline is released under the ISC license.
Copyright © 2017, Roland Warmerdam.