4 ms·
I gave this a bit of thought earlier this year (https://alexanderell.is/posts/visualizing-code/ https://alexanderell.is/posts/visualizing-code/) and, with the h
by otras 4y ago
I gave this a bit of thought earlier this year (https://alexanderell.is/posts/visualizing-code/ https://alexanderell.is/posts/visualizing-code/) and, with the help of HN commenters, collected a small list of ways people are working to help with code visualization. I don't think most of them are production ready (some are just research papers), but you may find them interesting all the same.
SoftVis3D (https://softvis3d.com/ https://softvis3d.com/): where a "‘code city’ view provides a visualization for the hierarchical structure of the project".
Code Park: A New 3D Code Visualization Tool (2017) (https://arxiv.org/pdf/1708.02174.pdf https://arxiv.org/pdf/1708.02174.pdf), a “novel tool for visualizing codebases in a 3D game-like environment” with code represented as “code rooms” with code on the walls.
Code Structure Visualization Using 3D-Flythrough (2016) (https://opus-htw-aalen.bsz-bw.de/frontdoor/deliver/index/docId/658/file/ICCSE16-SEE.pdf https://opus-htw-aalen.bsz-bw.de/frontdoor/deliver/index/doc...), with spatial metaphors and first-person exploration of code.
Primitive (https://primitive.io/ https://primitive.io/), a VR collaboration startup with a Matrix-looking “Immersive Development Environment” with “new tools for visually analyzing software in 3D”.
AppMap (https://appland.com/docs/how-to-use-appmap-diagrams.html https://appland.com/docs/how-to-use-appmap-diagrams.html), an automated code analysis tool that includes dependency maps and trace views.
plurid (https://github.com/plurid/plurid https://github.com/plurid/plurid), a framework for visualizing and debugging code in a 3D explorable structure.
fsn (file manager) (https://en.wikipedia.org/wiki/Fsn_(file_manager) https://en.wikipedia.org/wiki/Fsn_(file_manager)), an experimental application to view a file system in 3D (featured in Jurassic Park).
- tikimcfee 4y agoIf I may be so bold as include something I’m working on myself, I’d love to chime in! I’m not functionally complete, but feel like I’m writing an amalgamation of all of the above tools. https://github.com/tikimcfee/LookAtThat https://github.com/tikimcfee/LookAtThat : A macOS and iOS app to load, analyze, and walk around your Swift code, version 0.0.0-prealpha!
- photochemsyn 4y agoThese look great, I think the general idea of using space is pretty solid. Anyone who's ever tried to draw a tree structure finds it gets busy really quickly with more than a dozen or so leaves, but an actual tree in 3D space can have thousands of leaves yet fits into a reasonable chunk of space. Graphs are similar, if they are connected in 3D rather than 2D (ant nests and termite mounds are decent models).
- euroderf 4y agoJust wondering, did any of these give you a Minority Report kind of vibe ?