# ts-draw

> Draw.js is a basic 2d canvas graph library, which is under development currently.

Latest version **0.0.3** (published 2018-09-05) · ISC license · 0 weekly downloads

## Install

```sh
npm install ts-draw
pnpm add ts-draw
yarn add ts-draw
bun add ts-draw
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2018-09-05 |
| First published | 2018-09-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 198.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 17 |
| Maintainers | terrysu |
| Keywords | draw, drawjs |

## Links

- npm: https://www.npmjs.com/package/ts-draw
- Repository: https://github.com/drawjs/draw
- Homepage: https://github.com/drawjs/draw#readme
- Issues: https://github.com/drawjs/draw/issues
- npm.io page: https://npm.io/package/ts-draw

## Recent versions

- 0.0.3 (latest) — 2018-09-05
- 0.0.2 — 2018-09-05
- 0.0.1 — 2018-09-04
- 0.0.0 — 2018-09-02

## README

Draw.js is a basic 2d canvas graph library, which is under development currently.


## Features
There're many explicit interative examples describing the features of `draw` on its [official website](https://drawjs.github.io).


## Get started
### CDN
Add following script into your HTML header 
```html
<script src="https://drawjs.github.io/CDN/draw/draw.js"></script>
```
Add a canvas in html, like:
```html
<canvas id="myCanvas"></canvas>
```
Then you can just use it in script
```js
const canvas = document.getElementById( 'myCanvas' )
const draw = new window.Draw( canvas )
```

### Node.js
It also supports Node.js
```bash
npm install ts-draw --save-dev
```
Next import it with
```js
require( 'ts-draw' )
```
or
```js
import 'ts-draw'
```


## Example
### [Data-Sandboxie](https://github.com/drawjs/data-sandboxie)
An interactive graph for multi-level data combination, being used in company's commercial product. Here is a [demo](https://drawjs.github.io/CDN/data-sandboxie/example/index.html).
[![example image](https://drawjs.github.io/CDN/data-sandboxie/example.png)](https://drawjs.github.io/CDN/data-sandboxie/example/index.html)



## Future
Draw.js is still under development now. It will support more elements and more awesome features in the future. Let's look forward to it. And if you had any questions or advices, you could submit it in issues.

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