https://github.com/KyleAMathews/react-sparkline

React component for rendering simple sparklines
https://github.com/KyleAMathews/react-sparkline

Last synced: 3 months ago
JSON representation

React component for rendering simple sparklines

• Host: GitHub
• URL: https://github.com/KyleAMathews/react-sparkline
• Owner: KyleAMathews
• License: mit
• Created: 2014-08-20T20:19:14.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-10-09T17:00:15.000Z (over 9 years ago)
• Last Synced: 2024-10-14T12:59:42.302Z (3 months ago)
• Language: CoffeeScript
• Homepage: http://kyleamathews.github.io/react-sparkline/
• Size: 697 KB
• Stars: 148
• Watchers: 6
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components-all - react-sparkline - React component for rendering simple sparklines. (Uncategorized / Uncategorized)
• awesome-list - react-sparkline - React component for rendering simple sparklines. (Demos / Chart)
• awesome-react-components - react-sparkline - React component for rendering simple sparklines. (UI Components / Chart)
• awesome-react-components - react-sparkline - React component for rendering simple sparklines. (UI Components / Chart)

README

        
react-sparkline

===============

React component for rendering simple sparklines. Companion to [react-micro-bar-chart](https://github.com/KyleAMathews/react-micro-bar-chart).

## Install

`npm install react-sparkline`

## Usage

````javascript

var Sparkline = require('react-sparkline');

// Pass in an array of values.

// Sparkline of dates + values

// Pass in an array of objects something like

values = [

  {

    date: "2014-06-23T00:21:59.271Z"

    value: 2

  },

  {

    date: "2014-06-24T00:21:59.271Z"

    value: 4

  }

]

````

## Demo

http://kyleamathews.github.io/react-sparkline/