jsMind

jsMind 是一个显示/编辑思维导图的纯 javascript 类库，其基于 html5 canvas 和 svg 进行设计。jsMind 以 BSD 协议开源，在此基础上你可以在你的项目上任意使用。

jsMind is mind map library built by javascript, it base on html5 canvas and svg. jsMind is released under the BSD license, you can embed it in any project as long as you abide by the license.

Project Home

• jsMind on Github
• 国内镜像 - Gitee

Get Started

<html>
    <head>
        <link
            type="text/css"
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/[email protected]/style/jsmind.css"
        />
        <script
            type="text/javascript"
            src="https://cdn.jsdelivr.net/npm/[email protected]/es6/jsmind.js"
        ></script>
    </head>
    <body>
        <div id="jsmind_container"></div>

        <script type="text/javascript">
            var mind = {
                meta: {
                    name: 'jsMind-demo-tree',
                    author: '[email protected]',
                    version: '1.0',
                },
                // 3 data formats were supported ...
                // see documents for more information
                format: 'node_tree',
                data: { id: 'root', topic: 'jsMind' },
            };
            var options = {
                container: 'jsmind_container',
                theme: 'orange',
                editable: true,
            };
            var jm = new jsMind(options);
            jm.show(mind);
        </script>
    </body>
</html>

Links

• Resources:
  • 文档 - Documents
  • NPM - jsmind
  • CDN - 用法 Usage
    • UNPKG
    • jsDelivr
    • jsDelivr 国内镜像
• Apps :
  • https://jsmind.online
• Demo :
  • 显示一个脑图 Render a mindmap [国内版]
  • 试用所有功能 Try all features [国内版]
  • requirejs + jsMind
  • 更多示例 - More samples [国内版]

Funding

• 致谢 - Acknowledgement
• 资助 - Sponsor

Maintainer

• 张志刚 - Zhigang Zhang