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

Rahul
  • 23,822
  • 10
  • 76
  • 168
igor
  • 2,533
  • 1
  • 22
  • 27
  • 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
  • @Charles Boyung I accepted answer that pointed me to the thing i was looking for. ;) I know, if someone has no alternative answer, he /she should not have any objections. I have not seen any answer and any reference to an answer from you. :) – igor Oct 18 '10 at 14:23
  • What were you asking for besides a library? I can't see anything else in your question. And since asking for a code library doesn't belong on this site, there's no reason to provide an answer to it here. – Charles Boyung Oct 18 '10 at 17:19

5 Answers5

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.

Rahul
  • 23,822
  • 10
  • 76
  • 168
  • 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
4

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

Max Steenbergen
  • 1,364
  • 10
  • 12
  • +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
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

Dan Barak
  • 7,762
  • 1
  • 28
  • 30
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.

ericslaw
  • 301
  • 1
  • 3
  • 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
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

CSSian
  • 291
  • 2
  • 5