Exciting release!Introducing "safe npm". Learn more →
Socket
Log inDemoInstall

@rowno/sparkline

Package Overview
Dependencies
5
Maintainers
1
Versions
7
Issues
File Explorer

Advanced tools

@rowno/sparkline

Lightweight React sparklines ✨ 📈

    4.0.0latest
    GitHub

Version published
Maintainers
1
Weekly downloads
1,254
increased by53.49%

Weekly downloads

Changelog

Source

4.0.0

Breaking changes

  • Dropped support for Node 6 and Node 7.

Changes

  • Added "sideEffects": false to the package.json.
  • Upgraded the dependencies, which reduced the package size by 33%.

Readme

Source

sparkline

Build Status Dependency Status

Lightweight React sparklines ✨ 📈

Example sparkline

Install

yarn add @rowno/sparkline # or 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: Example output

Properties

{ width: 56, height: 12, lines: [{ values: [789, 880, 676], colors: { area: 'rgba(217, 227, 237, 0.5)', line: '#193652' }, title: 'Allowed events', key: 'allowed' }] }

width

Type: number (required)

Width of the sparkline.

height

Type: number (required)

Height of the sparkline.

lines

Type: array<object> (required)

Objects defining the lines to draw.

values

Type: array<number> (required)

Numbers that make up the data points of the line.

colors

Type: object

Custom colors for the line.

area

Type: string

Color of the line's filled in area.

line

Type: string

Color of the line's stroke.

title

Type: string

title of the line. Shown as a tooltip in the browser.

key

Type: any

Unique React key of the line.

License

sparkline is released under the ISC license.

Copyright © 2017, Roland Warmerdam.

Keywords

FAQs

Last updated on 18 May 2019

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc