awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
jsplumb avatar

jsplumb/jsplumb

0
View on GitHub↗
jsplumbtoolkit.com↗

Jsplumb

jsplumb is a JavaScript diagramming library and visual connectivity engine used to draw draggable connections between HTML elements. It functions as an SVG connector framework that renders dynamic links to create visual connectivity maps and flowcharts.

The library provides tools for building node-based user interfaces, interactive workflow mapping, and visual diagramming. It enables the creation of dynamic relationship visualizations where users can link steps or pieces of information together on a web page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • SVG-Based Vector Rendering - Uses scalable vector graphics to render dynamic, draggable connecting lines overlaid on the web page.
  • Bézier Curve Interpolations - Calculates mathematical Bézier paths to generate smooth curves between anchor points.
  • Coordinate Calculation Engines - Implements geometric logic to calculate the optimal spatial coordinates and paths for drawing connector lines.
  • Dynamic SVG Manipulation - Performs real-time programmatic alteration of SVG paths to maintain links between moving UI elements.
  • Interactive Diagramming Libraries - Acts as a library for embedding interactive, browser-rendered diagrams with draggable connectivity.
  • Connectivity Graph State Managers - Maintains an internal registry of linked elements to manage relationship updates and connection persistence.
  • DOM Element Connectors - Enables users to draw draggable connections between various HTML elements to create visual diagrams.
  • Interactive Connection Managers - Provides a system for dynamically drawing and managing visual connections between node ports on a web page.
  • Element Anchoring - Provides a system for binding connection endpoints to the boundaries of specific DOM elements.
  • Visual Diagram Editors - Provides a canvas-like environment for creating and manipulating flowcharts and visual connectors.
  • Node-Based UI Editors - Supports the creation of graph-based interfaces where nodes represent components connected by data flows.
  • Relationship Visualizations - Provides a means to display how different pieces of information relate via draggable lines in a browser.
  • Drag Coordinate Synchronization - Tracks real-time mouse movements to update connector coordinates dynamically as elements are repositioned.
  • Workflow Mapping Tools - Facilitates the building of visual processes or logic flows where users can link sequential steps.
  • Frontend Development - Library for creating interactive flowcharts and diagrams.
7,768 stars·1,431 forks·38 views

Star history

Star history chart for jsplumb/jsplumbStar history chart for jsplumb/jsplumb

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Jsplumb

These projects share indexed features with Jsplumb. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • jgraph/mxgraphjgraph avatar

    jgraph/mxgraph

    6,917View on GitHub↗

    mxgraph is a client-side graph visualization tool and JavaScript diagramming library. It functions as an SVG-based drawing framework used to create and render interactive diagrams directly within a web browser. The library enables the development of custom diagramming tools, such as network maps and flowcharts, by providing the means to draw and manipulate visual data structures. It focuses on client-side data visualization, allowing for the representation of complex node and edge relationships without requiring server-side rendering.

    HTML
    View on GitHub↗6,917
  • antvis/x6antvis avatar

    antvis/X6

    6,598View on GitHub↗

    X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

    TypeScriptantvdagdiagram
    View on GitHub↗6,598
  • bpmn-io/bpmn-jsbpmn-io avatar

    bpmn-io/bpmn-js

    9,728View on GitHub↗

    bpmn-js is a browser-based BPMN 2.0 web modeler and rendering engine used for creating, editing, and visualizing business process models. It functions as an XML process modeler that parses BPMN 2.0 XML data into interactive visual diagrams within a web application. The project distinguishes itself as a business process visualizer with capabilities for process flow simulation, which tracks token movement to mimic real-time execution. It also supports diagram version comparison to identify changes between model iterations and provides a layered overlay interface for binding metadata and custom

    JavaScriptbpmnbpmn-jsbrowser
    View on GitHub↗9,728
  • plouc/nivoplouc avatar

    plouc/nivo

    14,130View on GitHub↗

    Nivo is a responsive charting framework and a React data visualization library that uses D3 for its underlying math logic. It serves as both a collection of interactive chart components for web applications and a server-side visualization engine for generating static data chart images. The project distinguishes itself by providing a containerized chart rendering API, allowing the visualization engine to be deployed via Docker to serve rendered graphics as images or files through a programmatic interface. It also features a motion engine for animated data transitions, ensuring smooth visual sh

    TypeScriptcanvaschartscomponents
    View on GitHub↗14,130
Compare all 30 related projects→

Frequently asked questions

What does jsplumb/jsplumb do?

jsplumb is a JavaScript diagramming library and visual connectivity engine used to draw draggable connections between HTML elements. It functions as an SVG connector framework that renders dynamic links to create visual connectivity maps and flowcharts.

What are the main features of jsplumb/jsplumb?

The main features of jsplumb/jsplumb are: SVG-Based Vector Rendering, Bézier Curve Interpolations, Coordinate Calculation Engines, Dynamic SVG Manipulation, Interactive Diagramming Libraries, Connectivity Graph State Managers, DOM Element Connectors, Interactive Connection Managers.

Which projects share features with jsplumb/jsplumb?

Projects with overlapping indexed features include: jgraph/mxgraph — mxgraph is a client-side graph visualization tool and JavaScript diagramming library. It functions as an SVG-based… antvis/x6 — X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps,… bpmn-io/bpmn-js — bpmn-js is a browser-based BPMN 2.0 web modeler and rendering engine used for creating, editing, and visualizing… plouc/nivo — Nivo is a responsive charting framework and a React data visualization library that uses D3 for its underlying math… svgkit/svgkit — SVGKit is a graphics framework for the iOS and macOS ecosystems designed for rendering high-performance scalable… jgraph/drawio — drawio is a web-based diagramming tool and cross-platform visual designer used for creating flowcharts, network maps,…