JavaScript Mindmap

I’ve been writing a JavaScript Mindmap.
It’s not finished, it’s not pretty.
But the code is there.
It’s also got very few dependancies: Mootools is used for dragging and the $ and $$ shortcuts. Also, excanvas gives IE canvas support.
I tried to make it use “good juju”, by using good semantics. Therefore, it just builds out HTML lists.

And it’s fairly easy to see how it works.

Not sure what to call it. Called it Mindmap, called it spidermap, called it js-mindmap again.
http://code.google.com/p/js-mindmap 

Demo:
http://kenneth.kufluk.com/google/js-mindmap/ 

Check it out. Suggest improvements. Bleat about bugs. Put me down for my poor coding styles. Or otherwise ignore it :)

Tags: ,

  • Hi, I've got your mind map running on my site - however as noted below it's got my processor running full whack - also I'd like to position it relatively inside a floating div - that's to say, my layout floats to the middle - and I'd like it to be fixed within a set size div element in this layout - how can I achieve that?

    thanks in advance and well done on this great project.
  • Hello
    Can you give me some example code that you'd like to put it in? I'll have a go.
    K
  • Any chance I can post the URL to your email / IM - the site is not launched and I don't really want it to get indexed?
  • Sure. :) kenneth@kufluk.com

    Can't promise anything, but I'll do my best.
  • great - thanks for the swift reply

    I'll get my code into a working state and upload something that you can check - if that's ok.

    I'll post the name of the div I'd like it to sit inside and the dimensions.

    thanks again.
  • Lou
    effing awesome.
  • Guest
    Very impressive. Alas, also very resource intensive. I wrote an XSL transform that turns my XHMTL resume into a js-mindmap display. If I leave it open in a tab in Firefox for Mac, or IE 7 (obviously not for Mac), my CPU usage maxes out. I'm not sure that it's possible to do this without massive amounts of JavaScript. It's a shame browsers handle it so poorly.
  • Yes, shouldn't be a major issue to fix that I think. Will get onto it...
  • Guest
    I wrote something similar.  Check it out :

    http://cliffordmeece.com/content/mindmap-demo
  • I was just about to write something like this, and thought I'd take a look around! Thank god I did!

    I want to use it to be a little more complex than you have, but perhaps I can extend it and give back the code, or do something similar. Nice work. I'm not a big fan of the constant jiggling around that it does though, perhaps it could settle down more quickly (is there a parameter?)... there's my bleat :D
  • Awesome code!

    Just what I've been looking for.

    I'm wondering if there's a way to add on a node on-the-fly without refreshing the page, possibly using AJAX?
  • Looking good!

    Just what I needed after I talked a client out of using Flash.

    Is there any way to style the mindmap?
  • I've used js-mindmap to display hierarchical data (http://jornica.blogspot.com/2009/02/emp-mindmap...) i.e. all employees. The code may not be perfect, but it works.

    Just wondering, if you have a large amount of list data, how do you speed up the animation?

    With kind regards,

    Jornica
  • Great code!
    That's what i looking for!
    I'll be waiting for your final project ...
    Good.
    God bless you!
blog comments powered by Disqus