MindMup is a zero-friction mind map canvas. Our aim is to create the most productive mind mapping environment out there, removing all the distractions and providing powerful editing shortcuts.
This project is the JavaScript visualisation portion of MindMup. It provides a canvas for users to create and edit
mind maps in a browser. You can see an example of this live at mindmup.com, or play with the library directly in the browser using test/index.html from this project.
This project is relatively stand alone and you can use it to create a nice mind map visualisation separate from the MindMup Server.
To run the dev server, execute:
npm run start
Then open http://localhost:9000/ to view the example map.
MapJS 2 works well with WebPack. Check out the MAPJS Webpack Example project.
To run the unit tests, execute
`npm test`
To debug and try things out visually, grab the dependencies using:
`npm run pretest`
This library depends on the following projects:
You can only select one node at a time, selected nodes have a drop shadow. When you add nodes they are added relative to the selected node. You can activate multiple nodes at once, these are highlighted with a dotted line. When you delete or toggle nodes, you affect all the active nodes.
| Key Combination | Effect |
|---|---|
space f2 |
Edit node text |
del backspace |
Remove active nodes |
return |
Add node below |
shift+return |
Add node above |
shift+tab |
Add node left |
tab insert |
Add node right |
ctrl+click |
Select clicked node |
shift+click |
Activate clicked node |
alt+click |
Add link to clicked node |
down |
Select node below |
up |
Select node above |
left |
Select node left |
right |
Select node right |
shift+down |
Activate node below |
shift+up |
Activate node above |
shift+left |
Activate node left |
shift+right |
Activate node right |
meta+down ctrl+down |
Move active nodes below |
meta+up ctrl+up |
Move active nodes above |
meta+right ctrl+right |
Move active nodes right |
meta+left ctrl+left |
Move active nodes left |
c meta+x ctrl+x |
Cut |
p meta+v ctrl+v |
Paste |
y meta+c ctrl+c |
Copy |
ctrl+shift+v meta+shift+v |
Paste Style (custom colours) |
f / |
Toggle collapse / reveal |
u meta+z ctrl+z |
Undo |
r meta+shift+z ctrl+shift+z meta+y ctrl+y |
Redo |
meta+plus ctrl+plus z |
Zoom in |
meta+minus ctrl+minus shift+z |
Zoom out |
Esc 0 meta+0 ctrl+0 |
Reset view / zoom |
[ |
Activate children |
{ |
Activate node and children |
= |
Activate sibling nodes |
. |
Deactivate all but selected node |
a |
Add / Open attachment |
i |
Edit icon |