A mindmap is a diagram that allows you to group concepts, tasks and other items around a central concept or subject. It is an intuitive means of representing the way the human mind thinks about the world.
What are mindmaps useful for?
People use mindmaps for all sorts of different purposes:
Where did mindmaps originate?
The term mindmap was popularized by a British psychologist named Tony Buzan on a 1974 BBC TV show called Use your head, but usage of this type of diagram has been going on for hundreds of years, with recorded instances stretching back to the 3rd century.
Making a mindmap builder with the jsPlumb Toolkit
The Toolkit has everything need to make this a very straightforward process - the demonstration on this page was created with around 400 lines of code in total.
Get a head start with one of our pre-built applications:
Fully featured flowchart builder for you to use as a base for your own apps. Includes support for custom shapes, edge routing, node resizing, and SVG/PNG/JPG export. Angular, Vue 2/3, React and Svelte versions available.
Database Schema Builder
Includes support for tables, views, multiple columns types, and column relationships. Easily extensible. Angular, Vue 2/3 and React versions available.
Use the Toolkit to build a chatbot flow, with actions, messages, input and choices.
Simple mindmap builder, highlighting several advanced features the Toolkit offers, such as custom layouts, parsers and exporters
Leverage the Toolkit's underlying Directed Graph to visualize paths between elements.
Filter drag targets as your users start to drag new connections using the ActiveFiltering plugin.
An adaptable connector that consists of a series of segments, with the option to smooth to a set of Bezier splines
The classic organization chart layout, with support for horizontal/vertical axis and a number of different alignment options
Learn about how the Toolkit lets you work with groups nested to an arbitrary level, with full drag and drop support.
A playground for testing the various layouts that the Toolkit offers - Hierarchy, Force Directed, Circular, Balloon and more.