butterfly
X6
Our great sponsors
butterfly | X6 | |
---|---|---|
2 | 14 | |
4,158 | 5,353 | |
1.9% | 2.3% | |
4.1 | 9.2 | |
7 days ago | 9 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
butterfly
- FLaNK AI Weekly 25 March 2025
-
Show HN: React Flow – library for creating node based editors and apps
Butterfly [1] by alibaba has a vue wrapper (along with a React one) over a framework independent core.
It is not as well documented though.
[1] https://github.com/alibaba/butterfly
X6
-
[AskJS] Which JS libraries and packages are currently your favourites?
I have been enjoying using X6 (https://github.com/antvis/X6) which is a very feature complete library for building drag and drop node/diagram editors. Most of the documentation is not in English but I found the sample code very easy to follow.
- JavaScript diagramming library that uses SVG and HTML for rendering
-
Show HN: WebApp to Create 3D Plants
https://x6.antv.vision/ is the best I've found, but some of the docs still need the English improved.
-
JavaScript diagramming library that uses SVG and HTML for rendering.
Really? https://github.com/antvis/X6/blob/master/README.en-us.md
- GitHub - antvis/X6: 🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
What are some alternatives?
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
G6 - ♾ A Graph Visualization Framework in JavaScript.
Drawflow - Simple flow library 🖥️🖱️
Rete.js - Rete.js is a framework for creating visual interfaces and workflows. It provides out-of-the-box solutions for visualization using various libraries and frameworks, as well as solutions for processing graphs based on dataflow and control flow approaches.
jsplumb - Visual connectivity for webapps
nomnoml - The sassy UML diagram renderer
vite-svg-loader - Vite plugin to load SVG files as Vue components
graphy-ng - Library for rendering directed graphs in Angular.
wavedrom - :ocean: Digital timing diagram rendering engine
diagram-maker - A library to display an interactive editor for any graph-like data.
DrawThe.Net - drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.
package-build - cli to build library projects using only package.json and command line arguments as inputs