Live data from Hacker News

JSCity – JavaScript code visualizations using Three.js

github.com

1–10 of 18 posts

Re: JSCity – JavaScript code visualizations using Three.js

#4
It's unfortunate that the author has chosen to wait with giving access to the source code, insisting that it still needs to be "cleaned up".

I can understand the reasons (in most cases it seems to be vanity), but it would often be best to just give access and clearly mark it 'work in progress'. Open source miracles may happen.

Re: JSCity – JavaScript code visualizations using Three.js

#6
I wonder if it would be feasible to represent 'traffic' in a 3D code visualization city, representing data movement in a concurrent program. A 'car' would represent a function application such as a dynamic memory operation (there would be a heap building) or of a classes instance member, and it would transport function arguments/instructions/data from one building (class) to the next. Of course, just like in debugging, the only way to get traffic data would be to get a trace of a certain time period of a programs execution.

Of course in concurrent programming, data races can happen within these function applications as well. I can't think of a good way right now to visualize execution within in a function.

Re: JSCity – JavaScript code visualizations using Three.js

#7
post #5

aside from looking great - what does this tool give us?

A quick visual overview of how complex a codebase is

Only if the author chose to encode the complexity using the same organizational units as picked by this visualization. Backbone is a good example who's complexity is opaque to this visualization.

Re: JSCity – JavaScript code visualizations using Three.js

#10

Cool to see isomer[0] on here :) Does the visualization mean I'm doing good? Haha - lots of similar-sized buildings, which may suggest it's too modular. [0]: http://jdan.github.io/isomer/

As design patterns go, optimizing your code library so that it makes a more visually appealing virtual city seems like a bad one.
Post reply on HN