Mind elixir is a free open source mind map core.
https://codepen.io/ssshooter/pen/GVQRYK
npm i mind-elixir -Simport MindElixir, { E } from 'mind-elixir'<script src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/mind-elixir.js"></script><div class="outer">
<div id="map"></div>
</div>
<style>
.outer {
position: relative;
margin: 50px;
}
#map {
height: 500px;
width: 100%;
overflow: auto;
}
</style>let mind = new MindElixir({
el: '#map',
direction: MindElixir.LEFT,
// create new map data
data: MindElixir.new('new topic'),
// or set as data that is return from `.getAllData()`
data: {...},
draggable: true, // default true
contextMenu: true, // default true
toolBar: true, // default true
nodeMenu: true, // default true
keypress: true, // default true
})
mind.init()
// get a node
E('node-id')mind.getAllData()
// see src/example.js