«
»

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: ,

This entry was posted on Saturday, October 25th, 2008 at 7:35 pm and is filed under Projects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

  • Great code!
    That's what i looking for!
    I'll be waiting for your final project ...
    Good.
    God bless you!
  • 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
  • Looking good!

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

    Is there any way to style the mindmap?
  • 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?
  • 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
  • Guest
    I wrote something similar.  Check it out :

    http://cliffordmeece.com/content/mindmap-demo
  • 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...
blog comments powered by Disqus