jsplumb
butterfly
Our great sponsors
| jsplumb | butterfly | |
|---|---|---|
| 8 | 2 | |
| 7,713 | 4,158 | |
| 0.1% | 1.9% | |
| 3.2 | 4.1 | |
| 3 months ago | 9 days ago | |
| JavaScript | JavaScript | |
| GNU General Public License v3.0 or later | 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.
jsplumb
-
How to make beautiful flowchart with Angular ?
❔jsPlumb - Seems like JointJS
-
Do you know any good libraries to make those kind of graph?
I have looked into https://jsplumbtoolkit.com/ for a couple of projects and it seemed pretty good but it was a pure JS library 'community edition' with a commercial version that had all the nice framework integration for React and Angular.
- Low-code development (Node-RED alternative)
-
Library suggestions for creating unidirectional graphs or flowcharts.
Check out https://jsplumbtoolkit.com/
-
Sharing my project. Visual code generator for Docker Compose & Kubernetes (soon) manifests. https://github.com/ctk-hq/ctk
Thanks! Its jsplumb community edition https://github.com/jsplumb/jsplumb. This thing is great, especially with the latest updates. Its framework agnostic, and provides a-lot of control.
-
Is there any node graph library for svelte?
Amazing!!! I am looking specifically for something like react flow as well. After looking into it the best option might be jsplumb.
- Help me with how to start ? I want to make a similar chart but i dont know what type of chart or datatable i should use.
- Seeking component or library: connect boxes by a line. Drag abox, line still connects
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?
joint - A proven SVG-based JavaScript diagramming library powering exceptional UIs
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]
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Drawflow - Simple flow library 🖥️🖱️
schema-designer - Database schema designer for Laravel & Lumen
vite-svg-loader - Vite plugin to load SVG files as Vue components
wavedrom - :ocean: Digital timing diagram rendering engine
X6 - 🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
maxGraph - maxGraph is a fully client side JavaScript diagramming library
grafana-flowcharting - Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
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.