Prodeasy-prioritization-canvas NPM

Prodeasy Prioritization Canvas

Prioritization is a Quadrant view(Graph View) of the product backlog.

Main Features

Cut Lines move along the scale numbers only. As the lines move, the size of quadrants changes to Resized Quadrants.
In each cell, there can be a maximum of 9 chips/cards.
Each axis is measured on a scale of 5. Users have the option to customize this scale.
User have option to pass height of the graph.
User have option of drag and drop cards.

Installation

Use the package manager npm to install Prioritization Canvas.

npm i prodeasy-prioritization-canvas

Usage

app.module.ts

import { CovGraphModule } from 'prodeasy-prioritization-canvas'; # import module
imports: [CovGraphModule]

component.html

<lib-cov-graph [data]="info"></lib-cov-graph>

component.ts

cutline: Movable horizontal and vertical lines that define the four quadrants on the canvas. We pass x,y where
- x represents the default position of the vertical cut line (x=x,y=0).
- y represents the default position of the horizontal cut line (x=0,y=y).
- Value of x and y can be 1-4
xLabels: Labels of x-axis.
yLabels: Labels of y-axis.
xHeading: Indicator of what x-axis represents.
yHeading: Indicator of what y-axis represents.
data: Data is an array of objects. Each object represents a card.
- summary: Summary represents ext on the card.
- point: point represents (x,y) coordinate on graph.
height: height and width of the graph.

info = { cutline: [3, 3], xLabels: ['a', 'b', 'c', 'd', 'e'], yLabels: ['a',
'b', 'c', 'd', 'e'], xHeading: 'effort', yHeading: 'value', data: [ { summary:
'FE-132', point: [3.2, 1.1], }, { summary: 'FE-1234', point: [2.1, 2.3], }, {
summary: 'FE-1289', point: [2.2, 2.3], }, { summary: 'FE-1289', point: [2.3,
2.3], }, { summary: 'FE-1290', point: [2.1, 2.2], }, ], height: 650, };