Ag-cumulative-flow NPM

AG - Cumulative Flow

The AG Cumulative Flow is a simple library written in React + Typescript and its objective is doing the cumulative flow diagram renderization as easy as possible.

The objective is being a component to compose UI peaces of any interface that uses React, in this case, to render Cumulative flow diagrams.

Install

npm i ag-cumulative-flow

yarn add ag-cumulative-flow

Usage

import * as React from 'react'

import CFD from 'ag-cumulative-flow'

class Example extends React.Component {
  render () {

    const cumulativeFlowData = {
      Backlog: [{
        x: 1570503600, y: 2
      }],
      Done: [{
        x: 1570417200, y: 1
      }]
    };

    return (
      <CFD data={cumulativeFlowData}/>
    )
  }
}

The cumulativeFlowData constant must have an object as the value, where the attributes is going to be the KanBan lanes and the 'x' must be the date in timestamp format and the 'y' the quantity