jQuery Mind Map/Think Map

A

5

51

I was wondering if anyone happens to know of a jQuery (or pure javascript) mind map. I found this one a few times, but it uses MooTools, unfortunately.

Astri answered 3/9, 2009 at 15:29 Comment(1)

I'm betting you'll need to rewrite it using jQuery.ui – Rabato 3/9, 2009 at 15:36

B

58

I decided to port the one you found into a jQuery plugin, which can be found LINK REMOVED - SEE EDIT.

Edit: I've contacted the author of the original Mindmap, and my jQuery conversion has become the core of development. You can get it, as well as speed improvements and new functionality here, on the Github page.

Bundy answered 4/9, 2009 at 13:15 Comment(4)

There were a couple minor issues, but it's worked well so far. Thanks! – Astri 9/9, 2009 at 0:41

It does actually work in IE8, but extremely sluggishly. If you hit F12 to get the Dev Tools open, then refresh the page it'll work fine. It's only failing at the moment because the example uses console.log's – Pierce 1/2, 2013 at 16:55

Great mind map @MikeTrpcic, im trying to use images for the nodes with list-style-image: url('/tuin.jpg'); with no luck. Ill appreciate your help, tahnks! – Arch 21/7, 2014 at 17:12

This is good, but it doesn't seem to work with more than one layer of nodes. – Solly 21/8, 2014 at 5:33

G

29

I think you should try http://thejit.org/

I use it all the time and is perfect for my needs.

Grimy answered 3/9, 2009 at 21:19 Comment(0)

G

5

There's also arbor.js, much newer then the ones cited in other answers. It implements the force directed algorithm for layout, similar to js-mindmap that you cited, but with better performance since it uses webworkers. The actual rendering is left for you, so you can use jquery or whatever you prefer.

Genus answered 15/10, 2012 at 13:50 Comment(0)

K

4

Also, if you decide to write your own implementation, a good visualization library is d3.js.

Kobayashi answered 2/2, 2012 at 11:11 Comment(0)

C

2

I wrote this one for a project, it's an enhanced jQuery plugin version of other js node maps I found online suitable for dynamic contents (i.e. also supports dynamic adding/removal of nodes, selection marks, customizable callbacks and styles).

Notice: IE wasn't in the compatibility targets since it's also officially being dropped

Carrier answered 24/4, 2015 at 10:58 Comment(1)

I know I might be a little late to the party, but thank you! Your plugin is very nice :) You have a pull request pending ;) – Keratose 28/1, 2021 at 11:17

Recommended topics

Hot tags