Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2 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 (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-08-30T19:39:12.000Z (10 months ago)
- Last Synced: 2024-01-23T08:13:43.898Z (5 months 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: 309
- Watchers: 7
- Forks: 95
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- 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)
- awesome-nuxt - vue-org-chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Uncategorized / Uncategorized)
- 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)
- awesome-list - 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 (Vue)
- awesome-nuxt - vue-org-chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Uncategorized / Uncategorized)
- 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-nuxt - vue-org-chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Uncategorized / Uncategorized)
- 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)
- 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), 100% free and no install required: just copy a folder to any location ` 📝 2 months ago ` (Open Source [🔝](#readme))
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) / Open Source)
- awesome-nuxt - vue-org-chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Uncategorized / Uncategorized)
- awesome-vue - Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](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)
- awesome-stars - vue-org-chart
- awesome-vue - Vue Org Chart ★17 - Manage and publish your interactive organization chart (orgchart), free and no webserver required. (Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★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. (Projects Using Vue.js / Open Source)
- 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 (vuejs)
README
# vueOrgChart
> Organization chart:
> A complete solution to generate and publish an orgchart without the need of a webserver and database
> (c) Michael HoogkamerHere 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