Show HN: Instrumenting and visualizing JavaScript with d3.js

Very cool.<p>While I love the <i>look</i> of force-directed-graphs, they wind up representing lots of arbitrary/random values, in all the degrees of freedom of the exact location/angles/proximities they settle into.<p>I would suggest using a more traditional nested-outline view, either overall or within certain subgraphs. Then, the above/below axis could mean something consistent -- like ordering in source code -- and the left/right something else -- like nesting/composition. And there might be more room for projecting persistent time information -- like a piano roll -- off in a particular direction.<p>Still very pretty, interesting, and promising!

I have a visualization tool for c# - <a href="https://www.codeperspective.com" rel="nofollow">https://www.codeperspective.com</a> . I found that left to right rank graphs work really well when showing order of execution as most programs have very little high level recursion.

Recent similar project <a href="https://github.com/hughsk/colony" rel="nofollow">https://github.com/hughsk/colony</a><p>Posted here but with no comments <a href="http://news.ycombinator.com/item?id=4676314" rel="nofollow">http://news.ycombinator.com/item?id=4676314</a>

This is an initial concept/prototype I've been working on today. Pretty neat I think, but not exactly sure of the use case yet beyond making code more visual. All thoughts on that front gladly received!

This is something I've been thinking about myself. Sometimes when writing large Backbone apps you may find yourself binding the same event twice to a model, or creating memory leaks by not deleting objects efficiently. It would be great if this tool could pick up on code mistakes like that.<p>Personally I find the force-directed graph animations distracting. I would render the graph statically and have better animations for the propagation of information in your code.

This looks really cool! Not sure what I'd use it for, but it looks awesome.<p>Have any use cases in mind?

This is really cool for sure. I can see how it's useful for teaching JavaScript concepts or doing analysis on code. Good job!

This would cool as a bookmarklet that can launch the graph in a modal window when viewing any JS app.

This is pretty awesome, great job.

I would like to be able to click and go into the prototype definition of the object it is displaying , would be a great thing. And also be able to use that live while an application is running , so i can see the object graph, when instance are created ,etc ... anyway that idea is just awesome !