Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a tree-like datastructure of some six levels deep, that I would like to represent on a single webpage (can be tabs, trees; ....)

In each level both childnodes and content are possible. Presenting it like a real tree would be not very usable (too big).

I was thinking in the lines of hiding parts of the tree when you drill down and presenting a breadcrumbs or the like to keep you informed as to where you are...

I guess my question boils down to : any ideas / examples ?


share|improve this question

Have you seen the way Visual Thesaurus handles its complex tree structures? With their visualization, they can easily handle more than six levels in a tree.

share|improve this answer
+1, tx, it might be an idea, but they don't do 6 levels of course, and what's more, it only works if the content is rather small – Peter Feb 15 '11 at 12:59

Have a look at the JIT spacetree visualisation (www.thejit.org). They use JSON.

share|improve this answer

You might like to consider an approach like github's tree slider, which allows you to drill down through complex directory and file structures.

It's a beautiful solution to display complex datasets, and their implementation is the best I've seen.

share|improve this answer

Freemind is a Mindmap creator that exports to flash and to html with JavaScript. It's very easy to use and efficient, but the looks is not as spectacular as the solutions above.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.