A Simple & Powerful Web Mind Map

This project consists of two parts:

1.A js mind map library that does not depend on any framework, you can use it to quickly complete the development of Web mind map products.

Development documentation: https://wanglin2.github.io/mind-map/#/doc/zh/

2.A web mind map, developed based on the mind map library, Vue2. can be deployed to your server.

Online address: https://wanglin2.github.io/mind-map/

In addition, a client is also available for download, supporting Windows, Mac and Linux, download address:

Github：releases。

Baidu cloud disk: 地址。

• Plug-in architecture, in addition to the core functions, other functions are provided as plug-ins, which can be used on demand and reduce the packaging volume
• Support logical structure chart, mind map, organization chart, directory organization chart, time axis, and fishbone diagram
• A variety of built-in themes allow highly customized styles and support for registering new themes
• Support shortcut keys
• Node content supports pictures, icons, hyperlinks, notes, labels, and summaries
• Support forward and backward
• Support dragging and zooming
• Support two multi-selection methods of right button and Ctrl+left button
• Support node free dragging and dragging adjustment
• Supports multiple node shapes
• Support exporting to json, png, svg, pdf, markdown, support importing from json, xmind, markdown
• Support small map, support watermark
• Support link

npm i simple-mind-map

Provide a container element with a width and height other than 0:

<div id="mindMapContainer"></div>

In addition, set the css style:

#mindMapContainer * {
  margin: 0;
  padding: 0;
}

Then create an instance:

import MindMap from "simple-mind-map";

const mindMap = new MindMap({
  el: document.getElementById('mindMapContainer'),
  data: {
    "data": {
        "text": "根节点"
    },
    "children": []
  }
});

You can get a mind map.

Want to achieve more functions? can view development documentation。

MIT

A box of thick coconut milk + half a box of pure milk + ice cubes + coffee liquid = raw coconut latte yyds