# jgraph/mxgraph

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/jgraph-mxgraph).**

6,917 stars · 2,083 forks · HTML · NOASSERTION · archived

## Links

- GitHub: https://github.com/jgraph/mxgraph
- awesome-repositories: https://awesome-repositories.com/repository/jgraph-mxgraph.md

## Description

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.

## Tags

### Graphics & Multimedia

- [Interactive Diagramming Libraries](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/interactive-diagramming-libraries.md) — Provides a comprehensive library for embedding and manipulating interactive, browser-rendered diagrams. ([source](https://github.com/jgraph/mxgraph#readme))
- [Client-Side Graph Visualizations](https://awesome-repositories.com/f/graphics-multimedia/client-side-graph-visualizations.md) — Represents structured data as interactive visual graphs that run entirely in the browser without server-side rendering.
- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Uses scalable vector graphics to render crisp, zoom-independent shapes and connectors in the browser.
- [Browser-Based Renderers](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/automatic-diagram-renderers/browser-based-renderers.md) — Executes complex graph rendering and manipulation entirely within the client-side browser environment.
- [Coordinate Calculation Engines](https://awesome-repositories.com/f/graphics-multimedia/coordinate-calculation-engines.md) — Implements logic for calculating spatial coordinates and paths required for rendering nodes and edges in diagrams.

### Data & Databases

- [SVG Diagramming Libraries](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/svg-diagramming-libraries.md) — Facilitates the programmatic creation and manipulation of SVG-based interactive diagrams.
- [Interactive Graph Visualizers](https://awesome-repositories.com/f/data-databases/interactive-graph-visualizers.md) — Provides a system for rendering and manipulating directed graphs and complex network structures in browser environments.

### Development Tools & Productivity

- [Visual Diagram Editors](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/visual-diagram-editors.md) — Provides a flexible framework for building custom visual editors for flowcharts, network maps, and workflows.

### Software Engineering & Architecture

- [View-Model Architectures](https://awesome-repositories.com/f/software-engineering-architecture/view-model-architectures.md) — Decouples the logical graph data structure from its visual rendering to allow independent state management.

### User Interface & Experience

- [Event-Driven Interaction Handlers](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/general-interaction-frameworks/interaction-models/event-driven-interaction-handlers.md) — Captures mouse and keyboard inputs through a centralized listener to trigger visual updates and state changes.
- [Component Tree Mappings](https://awesome-repositories.com/f/user-interface-experience/virtual-dom-engines/direct-dom-mapping/component-tree-mappings.md) — Manages diagram elements as a tree of objects that map directly to SVG or HTML DOM nodes.

### Part of an Awesome List

- [Game Engines](https://awesome-repositories.com/f/awesome-lists/devtools/game-engines.md) — Library for creating interactive diagramming applications.