4

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

Improve this question
7
  • 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, 2010 at 22:30
  • @Rahul I have added image
    – igor
    Aug 27, 2010 at 22:40
  • 2
    This question (although already answered) belongs on StackOverflow, not here.
    – Charles Boyung
    Oct 15, 2010 at 13:43
  • @Charles Boyung I was looking for a some control and something else...
    – igor
    Oct 16, 2010 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, 2010 at 13:49

5 Answers 5

Reset to default
7

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.

Improve this answer
1
  • thejit.org would be my first choice, but alas has a poor notion of 'up' vs 'down' for layered graphs.
    – ericslaw
    Aug 30, 2010 at 21:41
4

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

Improve this answer
2
  • +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, 2010 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, 2010 at 12:24
3

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

Improve this answer
1
  • I have added image.
    – igor
    Aug 27, 2010 at 22:39
2

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.

Improve this answer
2
  • 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, 2010 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, 2010 at 18:21
0

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

hierarchy w/o a tree

Improve this answer
2
  • I have added image
    – igor
    Aug 27, 2010 at 22:39
  • Ah-ha, I see. Sorry for the confusion. Your question is a good one....
    – CSSian
    Aug 27, 2010 at 23:11

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