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, };

Further help

Prodeasy - [email protected]

License

MIT