# prodeasy-prioritization-canvas

> [![npm version](https://badge.fury.io/js/angular-library-seed.svg)](https://badge.fury.io/js/angular-library-seed)

Latest version **1.0.0** (published 2022-02-24) · 0 weekly downloads

## Install

```sh
npm install prodeasy-prioritization-canvas
pnpm add prodeasy-prioritization-canvas
yarn add prodeasy-prioritization-canvas
bun add prodeasy-prioritization-canvas
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-02-24 |
| First published | 2022-01-28 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 296.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | prodeasy |

## Links

- npm: https://www.npmjs.com/package/prodeasy-prioritization-canvas
- npm.io page: https://npm.io/package/prodeasy-prioritization-canvas

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.0.0

## Recent versions

- 1.0.0 (latest) — 2022-02-24
- 0.2.4 — 2022-02-24
- 0.2.3 — 2022-02-24
- 0.2.2 — 2022-02-23
- 0.2.1 — 2022-02-18
- 0.2.0 — 2022-02-18
- 0.1.4 — 2022-01-28
- 0.1.3 — 2022-01-28
- 0.1.2 — 2022-01-28
- 0.1.1 — 2022-01-28
- 0.1.0 — 2022-01-28
- 0.0.1 — 2022-01-28

## README

# Prodeasy Prioritization Canvas

[![npm version](https://badge.fury.io/js/angular-library-seed.svg)](https://badge.fury.io/js/angular-library-seed)

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](https://www.npmjs.com/package/prodeasy-prioritization-canvas) to install Prioritization Canvas.

```bash
npm i prodeasy-prioritization-canvas
```

## Usage

> app.module.ts

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

> component.html

```angular
<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.

```angular
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](https://https://prodeasy.com) - admin@prodeasy.com

## License

[MIT](https://choosealicense.com/licenses/mit/)

---
_Source: https://npm.io/package/prodeasy-prioritization-canvas · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._