Manage and Publish Interactive Organization Chart Library for Vue


vueOrgChart Organization Chart is a complete solution for creating and publishing an organization chart without the need for a web server and database.

organization chart javascript free, vue js organization chart example, hierarchy chart javascript, npm code for organization chart with image


  • It just works everywhere, no installation, no web server, no database needed!
  • Edit in Excel (bulk updates, external source)
  • Edit in webpage
  • Supports multiple partitions 1000
  • Panzoom and an interactive expansion of subsections
  • Deep links to departments
  • Save as picture
  • Look for departments and managers
  • Add employees to departments
  • Use images from the API (not included), or the local folder
  • Click the employee to link to the API (not included) or the local folder

How to make use of it:

Install and download (config.js, data.js, and images used in development are in the \static folder):

# 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

Interactive Organization Chart, vueOrgChart Plugin/Github, org chart javascript open source, d3 org chart

See Demo And Download

Official Website(Hoogkamer): Click Here

This superior jQuery/javascript plugin is developed by Hoogkamer. For extra Advanced usage, please go to the official website.