X6
butterfly
Our great sponsors
X6 | butterfly | |
---|---|---|
14 | 2 | |
5,381 | 4,174 | |
2.8% | 2.3% | |
9.2 | 3.0 | |
1 day ago | 10 days ago | |
TypeScript | JavaScript | |
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.
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.
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
What are some alternatives?
G6 - ♾ A Graph Visualization Framework in JavaScript.
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]
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.
Drawflow - Simple flow library 🖥️🖱️
nomnoml - The sassy UML diagram renderer
jsplumb - Visual connectivity for webapps
graphy-ng - Library for rendering directed graphs in Angular.
vite-svg-loader - Vite plugin to load SVG files as Vue components
diagram-maker - A library to display an interactive editor for any graph-like data.
wavedrom - :ocean: Digital timing diagram rendering engine
package-build - cli to build library projects using only package.json and command line arguments as inputs
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.