jsmind

jsMind is a JavaScript library for displaying and editing mind maps inside a web browser. A mind map is a diagram that arranges ideas or information around a central topic, branching outward with connected sub-topics. This library handles the rendering and interaction so you can add a mind map to a web page without building the visual layer yourself.

It draws using HTML5 canvas and SVG, which are two standard browser drawing technologies, so it works without any plugins or downloads on the user side. You add it to a page by linking the library file and its stylesheet, creating a container element, defining your mind map data in one of several supported formats, and then initializing jsMind with a few lines of JavaScript. You can pass an option to make the map editable, which lets users in the browser add, remove, and rearrange nodes directly on the page.

The library is available on NPM for projects that use a build step, or through CDN links (jsDelivr and UNPKG) for direct use in HTML pages without any build tooling. An online demo site at jsmind.online lets you try the features before integrating anything.

A hosted app and interactive demos are linked from the project, including one showing basic rendering and another showing all available features at once. The documentation covers usage details, data formats, and configuration options.

jsMind is released under the BSD license, which permits use in commercial and open-source projects without restriction as long as the license terms are followed. The project is maintained by Zhigang Zhang and accepts sponsorship. It also mirrors on Gitee for users in mainland China where GitHub access can be unreliable.