Jump to content
Sign in to follow this  
RobMac

Cool Application for Visualizing Hierarchy of DOM objects

Recommended Posts

Guys - I have nothing to do with this website, I am just interested in graph theory and visualization.

Anyway, I have asked a number of times about some way to visualize the hierarchy of DOM objects in a website and finally found something like it. This site uses graph theory visualization to draw the DOM structure of a website, kinda cool. I attached a picture of the autoitscript.com website DOM structure.

http://www.aharef.info/static/htmlgraph/

Unfortunately, it does not seem like you can see or click on the underlying objects and reference info via this interface but the source code is posted and I am sure someone on this site could improve on this to make it useful to programmers (linking it to DebugBar for instance). Anyway, I am at my limit programming wise but for some maybe this is useful. Just passing it along.

post-27892-1197984750_thumb.jpg

Edited by RobMac

Share this post


Link to post
Share on other sites

Hello RobMac,

I recently stumbled upon a graphing DSL called DOT. You probably know of it already. I found a link to it somewhere on this page.

Anyway, your post has me interested in writing a script that would parse a web page into a file that would then be consumed by DOT to generate the model. Thanks for the inspiration!

Zach...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...