We need a solution for documenting and easily displaying to colleagues the SOPS. Alain sees it as a clickable flowchart that shows details (SOP) for each of the action-taking steps in the flowchart.
We already have the "document/attachment" module available. Open for development is the flowcart editing module.
- Alain will discuss with Dominika and Richard the solution they had in InBev.
- Check https://www.acadia-software.com/ for inspiration and examples. Check it on Youtube as well
- Check SOPs documenting/storing videos on Youtube for inspiration.
This one is very good and customizeable and free for vue3! https://madewithvuejs.com/vue-flow
url: https://vueflow.dev/examples/nodes/nesting.html
title: "Nested Nodes | Vue Flow"
description: "Bring interactivity to your flowcharts and graphs with Vue Flow. It's a highly customizable Vue3 Flowchart library that can be used to visualize your ideas with Vue3 Flowchart. Features seamless zoom & pan and a ton of more features!"
host: vueflow.dev
favicon: https://vueflow.dev/favicons/favicon-32x32.png
image: https://images.prismic.io/bcakmakoglu/8fbdad18-3cd4-46a9-83cf-dbd9fbf60484_vue-flow.png?auto=compress,format
This one originally built for react and parsed into Vue -> very good too. Fully replicates the simple visio elements online https://github.com/joyceworks/flowchart-vue https://codesandbox.io/p/sandbox/stoic-borg-w626tt
- research whether it's free 🔽 https://boardmix.com/ai-flowchart/?utm_source=google&utm_medium=cpc&utm_term=ai-flowchart&_channel_track_key=LqEFwqfj&gad_source=1&gclid=Cj0KCQiAy8K8BhCZARIsAKJ8sfQqZJZ6slGg0iUCjM3IQFixMQpFRsYvhcI_c3Wpp3uGJYS2H966qE0aApb1EALw_wcB
Shared here