https://github.com/remcoplasmeyer/flowy-vue

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.
https://github.com/remcoplasmeyer/flowy-vue

chart data-visualisation diagram drag-and-drop draggable flowchart frontend hierarchy javascript quasar quasar-framework vue

Last synced: 10 days ago
JSON representation

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

• Host: GitHub
• URL: https://github.com/remcoplasmeyer/flowy-vue
• Owner: remcoplasmeyer
• License: mit
• Created: 2020-05-28T01:45:58.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-09-16T13:41:33.000Z (about 1 year ago)
• Last Synced: 2024-05-01T20:47:43.271Z (6 months ago)
• Topics: chart, data-visualisation, diagram, drag-and-drop, draggable, flowchart, frontend, hierarchy, javascript, quasar, quasar-framework, vue
• Language: Vue
• Homepage: https://remcoplasmeyer.github.io/flowy-vue
• Size: 4.21 MB
• Stars: 418
• Watchers: 6
• Forks: 69
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• stars - remcoplasmeyer/flowy-vue - Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by impl (Vue)

README

        

Flowy Vue


![](/public/demo.gif)

## 🔥 Features

- Use Vue components to create a flowchart or hierarchy system

- Easily extendable logic

- Drag and drop events

- Use any component in your node tree, variable widths supported

- Based on [Shopify Draggable Vue](https://github.com/remcoplasmeyer/shopify-draggable-vue)

- (Optional) [Quasar](https://www.quasar.dev) app extension

## 📄 Instructions / documentation / examples

* [**Documentation**](https://remcoplasmeyer.github.io/flowy-vue/)

## ⚙️ Developments

### `npm run serve`

Runs the app in the development mode.

Open [http://localhost:8080/flowy-vue](http://localhost:8080/flowy-vue) to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

## ⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

## 👏 Contributing

If you have any questions or requests or want to contribute to `@hipsjs/flowy-vue` or other packages, please write the [issue](https://github.com/remcoplasmeyer/flowy-vue/issues) or give me a Pull Request freely.

## 🐞 Bug Report

If you find a bug, please report to us opening a new [Issue](https://github.com/remcoplasmeyer/flowy-vue/issues) on GitHub.

## 📝 License

This project is [MIT](https://github.com/remcoplasmeyer/flowy-vue/blob/master/LICENSE) licensed.