mxgraph
mxGraph is a fully client side JavaScript diagramming library
mxGraph is an end-of-life JavaScript library for drawing interactive flowcharts, org charts, and network diagrams in a web browser using SVG, no plugins required. Development stopped in 2020.
mxGraph is a JavaScript library for drawing diagrams inside a web browser. It renders shapes, connectors, and labels using SVG and HTML, requiring no browser plugins or external dependencies. Developers embed it in a web page and use its API to build interactive diagramming tools: flowcharts, org charts, network maps, or any other node-and-edge style visualization.
The library was created in 2005 as a commercial product and sold through 2016. Its original strength was supporting older browsers that did not yet handle SVG well. Once modern browsers made SVG standard, the original company shifted focus to building draw.io (a commercial diagramming application) on top of this codebase. mxGraph was then open-sourced and released to the public.
As of November 2020, development on mxGraph has stopped and the repository is effectively end of life. The code is stable and was tested in production at many large organizations, but it will not receive updates. Over time, new browser releases may break parts of it. The maintainers recommend against starting new projects on this codebase and suggest looking at active commercial alternatives such as yFiles or GoJS instead. Community forks exist that continue development independently. There is no official TypeScript support, though a community effort to add type definitions exists separately.
Where it fits
- Embed an interactive node-and-edge diagram editor into an existing web app using the mxGraph JavaScript API.
- Render read-only network maps or org charts in a browser without installing any plugins or external tools.
- Study or fork the codebase that powers draw.io to understand how a production diagramming tool is built.