Question 1

Butterfly vs mxGraph for flowcharts – which should I use?

Accepted Answer

Butterfly is better for teams needing framework-agnostic customization (DOM/React/Vue) and rich demos, while mxGraph is more mature for complex enterprise diagrams but with a steeper learning curve. Butterfly's plugin system and Alibaba backing make it strong for specific use cases like data lineage.

Question 2

How to customize nodes in Butterfly with Vue 2?

Accepted Answer

You can define custom nodes using Vue 2 components, as supported in the README's Vue documentation. Start by importing Butterfly, creating a Canvas, and passing Vue-based node definitions in the data structure, leveraging its flexible element customization.

Question 3

Does Butterfly support real-time collaboration for diagram editing?

Accepted Answer

No, Butterfly does not natively support real-time collaboration features out of the box. It focuses on client-side rendering and data-driven updates, so you would need to integrate external libraries or backend services for collaborative editing.

Question 4

What are the performance limits with large diagrams in Butterfly?

Accepted Answer

Performance can degrade with very large datasets due to its DOM/React/Vue-based rendering, which may not scale as well as pure canvas solutions. The README doesn't specify exact limits, so testing with your data volume is recommended.

Question 5

Is Butterfly good for building UML diagram tools?

Accepted Answer

Yes, Butterfly is well-suited for UML diagrams thanks to its node-and-edge model and customization options. The README includes a '可视化建模图' case study using it for database modeling, demonstrating its applicability.

Question 6

How to contribute to the Butterfly open-source project?

Accepted Answer

Contribute by checking the '如何贡献' section in the README, which links to contribution guidelines. You can start with issues or pull requests on GitHub, but note that much of the community discussion may be in Chinese.

Question 7

Can Butterfly be used with Vue 3 or only Vue 2?

Accepted Answer

Butterfly officially supports Vue 2 only, as stated in the README under 'Vue2 butterfly组件支持'. For Vue 3, you might need workarounds or consider other libraries, as compatibility isn't guaranteed.

Butterfly

What is Butterfly?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions