User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

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

Some real ui javascript library wanted!

I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical implementation and it should have minimal interactivity: I want to see current item and its parent and all children, then I click on parent(or child item) and after animation I will see this item (parent, children)

This library is exists, but I cannot find it.

Here is it

share|improve this question

closed as off topic by Patrick McElhaney Oct 15 '10 at 15:21

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

Your description is quite abstract. I think we could help you better if you posted a mockup of how you want this to look. – Rahul Aug 27 '10 at 22:30
@Rahul I have added image – igor Aug 27 '10 at 22:40
Excellent, thanks. – Rahul Aug 27 '10 at 22:50
This question (although already answered) belongs on StackOverflow, not here. – Charles Boyung Oct 15 '10 at 13:43
@Charles Boyung I was looking for a some control and something else... – igor Oct 16 '10 at 17:10
up vote 6 down vote accepted

Consider a search for "javascript visualisation library" on Google. Several promising results:

  • John Resig's processing.js - you'll probably have to write your specific visualisation yourself
  • the Javascript InfoVis toolkit - check the demos page for some examples of interactive tree maps, which represent hierarchies as you described in your question
  • protovis - a lot of great examples here, though unfortunately none of the examples look exactly like your proposal

Hope those help. You definitely want to be using the term "information visualisation" when searching for libraries. Perhaps that will help you find the library you're thinking of.

share|improve this answer
Right on! InfoVis toolkit. Thank you, Rahul! – igor Aug 27 '10 at 23:28 would be my first choice, but alas has a poor notion of 'up' vs 'down' for layered graphs. – ericslaw Aug 30 '10 at 21:41

Something like a Zooming User Interface? You could try Zoomooz.js in that case.

share|improve this answer
+1 it is a nice one! but it should be tree view. any way it will help me to build my page(s) also. thank you, Max! – igor Aug 27 '10 at 12:22
Awesome library, Max! There was a question a week ago where this answer would have been terrific, but it got closed. – Rahul Aug 27 '10 at 12:24

Hmmm... this probably doesn't answer your question directly, but this might help:
Simple and fast templating tool to generate HTML from JSON data

share|improve this answer
I have added image. – igor Aug 27 '10 at 22:39
+1 good ref! it will help me also. – igor Aug 27 '10 at 23:30

for minimal interaction, you could also use and generate an image, SVG, or similar output. Alas, the 'canvas' object used by most of the javascript solutions is not printable.

share|improve this answer
Thank you for this and post link. I have question: What do you mean about "not printable"? Could you describe for more details. I cannot print a web page with control that uses the canvas? thank you. – igor Aug 31 '10 at 16:59
when one tries to print a web page that contains a canvas, like 'flot' for example, the result is a blank area. OR SO I THOUGHT! turns out that any examples I tried to re-create resulted in a proper image. Perhaps the whole debate on 'printable' canvas is no longer applicable or perhaps was only related to server-side image generation? Thanks igor for asking your question! – ericslaw Sep 13 '10 at 18:21

Hey there, I know you are looking for a library, but first things first. Is this the UI you are desiring?

hierarchy w/o a tree

share|improve this answer
I have added image – igor Aug 27 '10 at 22:39
Ah-ha, I see. Sorry for the confusion. Your question is a good one.... – Kevin M Aug 27 '10 at 23:11

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