Skip to content
This repository has been archived by the owner. It is now read-only.

iddan/react-keen

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Keen Logo React Logo

React Keen

React components for Keen IO

Installation

npm install react-keen
# or
yarn add react-keen

Usage

Use Query and Chart components to create a chart of data from Keen. Query expects a client prop and parameters used by the Keen.Query of keen-analysis.js and Chart expects a data prop of the response from the query (a Keen.Dataset object) or a raw object and values passed to Keen.Dataviz methods. Check the examples/ directory for some examples

import Keen from 'keen-analysis'
import { Query, Chart } from 'react-keen'
import 'keen-dataviz/dist/keen-dataviz.css'

const client = new Keen({
    readKey: KEEN_READ_KEY
})

<Query
    client={client}
    event_collection='pageviews'
    timeframe='this_14_days'
>{data => (
    <Chart type="area" data={data} />
)}</Query>

Development

  • Clone the repo git clone git@github.com:iddan/react-keen.git
  • Install dependencies yarn install
  • Go to the examples directories cd examples/
  • Install examples dependencies yarn install
  • Run examples development server yarn start

Prior Art

License

MIT License

About

React bindings for Keen IO SDK

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published