VuePlotDigitizer is a Vue.js-based tool for extracting numeric data from plot images, supporting XY data.
Demo
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
<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.
<template>
<v-app>
<vue-plot-digitizer />
</v-app>
</template>
<script>
import VuePlotDigitizer from 'vue-plot-digitizer'
export default {
name: 'App',
components: {
VuePlotDigitizer
}
}
</script>
component make the
Build Setup
# install dependencies
yarn install
# serve with hot relad at localhost:8080
yarn serve
# build for production with minification
yarn build
# lint
yarn lint
Contributing
- Fork it (
git clone https://github.com/t29mato/vue-plot-digitizer.git
) - Create your feature branch (
git checkout -b your-new-feature
) - Commit your changes (
git commit -am 'feat: add some feature'
) - Push to the branch (
git push origin your-new-feature
) - Create a new Pull Request
License
This software is distributed under MIT license