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

  • 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
  • 2
    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
  • If that were true, why did you just ask for a javascript library and nothing else; and why did you accept an answer that provided nothing but a technical solution? – Charles Boyung Oct 18 '10 at 13:49

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.

  • thejit.org 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.

  • +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

  • I have added image. – igor Aug 27 '10 at 22:39

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

  • 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
  • 1
    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

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

hierarchy w/o a tree

  • 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.... – CSSian Aug 27 '10 at 23:11

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