# vue-plot-digitizer

> https://vpd.vercel.app/

Latest version **0.6.1** (published 2022-06-30) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install vue-plot-digitizer
pnpm add vue-plot-digitizer
yarn add vue-plot-digitizer
bun add vue-plot-digitizer
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.6.1 |
| Published | 2022-06-30 |
| First published | 2021-09-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 340 KB |
| Known vulnerabilities | 0 (+3 in 2 direct dependencies) |
| Install scripts | no |
| Author | MATO Tomoya |
| Maintainers | t29mato |
| Keywords | Vue, Vue.js, Data Collection |

## Links

- npm: https://www.npmjs.com/package/vue-plot-digitizer
- npm.io page: https://npm.io/package/vue-plot-digitizer

## Dependencies (7)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vuetify](https://npm.io/package/vuetify.md) ^2.4.0
- [color-diff](https://npm.io/package/color-diff.md) ^1.2.0
- [colorthief](https://npm.io/package/colorthief.md) ^2.3.2
- [@sentry/vue](https://npm.io/package/@sentry/vue.md) ^6.13.3
- [@sentry/tracing](https://npm.io/package/@sentry/tracing.md) ^6.13.3

## Recent versions

- 0.6.1 (latest) — 2022-06-30
- 0.6.0 — 2022-06-30
- 0.5.4 — 2022-06-28
- 0.5.3 — 2022-06-28
- 0.5.2 — 2022-06-28
- 0.5.1 — 2022-06-28
- 0.5.0 — 2022-06-28
- 0.4.8 — 2022-06-28
- 0.4.7 — 2022-06-02
- 0.4.6 — 2022-06-02
- 0.4.5 — 2022-05-24
- 0.4.4 — 2022-05-19
- 0.2.8 — 2021-10-05
- 0.2.7 — 2021-10-05
- 0.2.6 — 2021-10-05
- … 7 more at https://npm.io/package/vue-plot-digitizer/versions

## README

<p align="center">
  <img alt="VuePlotDigitizer Logo" width="100" src="https://user-images.githubusercontent.com/30012556/139611246-756466ff-b3ed-4403-a75c-8a9be600ec1a.png">
</p>

VuePlotDigitizer is a Vue.js-based tool for extracting numeric data from plot images, supporting XY data.
<img width="1180" alt="vpd-image" src="https://user-images.githubusercontent.com/30012556/136004973-33c3bf15-51ae-40f8-a598-c39209886988.png">

## Demo
https://vpd.vercel.app/

## Install

- yarn install: `yarn add vue-plot-digitizer`
- npm install: `npm install vue-plot-digitizer`

Or if you want to use it directly in the browser add
``` js
<script src="https://unpkg.com/vue-plot-digitizer/dist/vue-plot-digitizer.min.js"></script>
```

## How to use
You need to import the component and then add to the components.

### Vue.js (ver3)
It works in progress. 👷‍♂️👷‍♂️👷‍♂️

### Vue.js (ver2)

#### 1. Install Vuetify.
https://vuetifyjs.com/ja/getting-started/installation/

#### 2. Install vue-plot-digitizer
```
$ yarn add vue-plot-digitizer
or
$ npm install vue-plot-digitizer
```

#### 3. Set up the component.

``` vue
<template>
  <v-app>
    <vue-plot-digitizer />
  </v-app>
</template>

<script>
import VuePlotDigitizer from 'vue-plot-digitizer'

export default {
  name: 'App',
  components: {
    VuePlotDigitizer
  }
}
</script>
```
<v-app> component make the

## Build Setup

``` sh
# install dependencies
yarn install

# serve with hot relad at localhost:8080
yarn  serve

# build for production with minification
yarn  build

# lint
yarn lint
```

## Contributing
1. Fork it (`git clone https://github.com/t29mato/vue-plot-digitizer.git`)
2. Create your feature branch (`git checkout -b your-new-feature`)
3. Commit your changes (`git commit -am 'feat: add some feature'`)
4. Push to the branch (`git push origin your-new-feature`)
5. Create a new Pull Request

## License
This software is distributed under [MIT license](https://raw.githubusercontent.com/t29mato/vue-plot-digitizer/main/LICENSE.txt)

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