https://github.com/Hoogkamer/vue-org-chart
Manage and publish your interactive organization chart (orgchart), 100% free and no install required: just copy a folder to any location
https://github.com/Hoogkamer/vue-org-chart
chart department javascript nuxt organization orgchart vue vuejs vuex
Last synced: 8 months ago
JSON representation
Manage and publish your interactive organization chart (orgchart), 100% free and no install required: just copy a folder to any location
- Host: GitHub
- URL: https://github.com/Hoogkamer/vue-org-chart
- Owner: Hoogkamer
- License: mit
- Created: 2019-01-05T20:30:41.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-08-30T19:39:12.000Z (about 2 years ago)
- Last Synced: 2024-11-01T05:32:55.949Z (about 1 year ago)
- Topics: chart, department, javascript, nuxt, organization, orgchart, vue, vuejs, vuex
- Language: Vue
- Homepage: https://hoogkamer.github.io/vue-org-chart/#/
- Size: 30 MB
- Stars: 327
- Watchers: 7
- Forks: 100
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), 100% free and no install required: just copy a folder to any location ` 📝 2 months ago ` (Open Source [🔝](#readme))
- awesome-starred - Hoogkamer/vue-org-chart - Manage and publish your interactive organization chart (orgchart), 100% free and no install required: just copy a folder to any location (javascript)
- awesome-vue - Vue Org Chart ★17 - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Open Source)
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Open Source)
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Projects Using Vue.js / Open Source)
- fucking-awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Projects Using Vue.js / Open Source)
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Projects Using Vue.js / Open Source)
README
# vueOrgChart
> Organization chart:
> A complete solution to generate and publish an orgchart without the need of a webserver and database
> (c) Michael Hoogkamer
Here is the online [Demo](https://hoogkamer.github.io/vue-org-chart/)
For more information see the [Website](https://freeorgchart.netlify.app/)
**Do you want to show your (Agile) teams instead of an orgchart? Try: [Teamviewer](https://github.com/Hoogkamer/TeamViewer) open source.**
## Build Setup
This is only needed if you want to build/change your own version. If you want to use it without modification, open \doc\index.html. See also \doc\config.js. For more info see the [Website](https://freeorgchart.netlify.app/)
_The config.js, data.js and photos folder used for development are in the \static folder_
```bash
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generate
static output will be place in \dist folder, copy this to any location
```
Use Node 16