plurid VS LookAtThat

Been thinking since 2015 how to explore information as a 3D structure: plurid [1]. The stable library is for now only for React.

[1] https://github.com/plurid/plurid

Since 2015 I have been thinking how to explore information as a 3D structure. This thought has led to developing plurid [1], [2], a component library (for React for now) to transform a web page into a rotate-able/translate-able/scale-able space with the content on planes.

[1] Code, https://github.com/plurid/plurid

[2] Demo, https://www.youtube.com/watch?v=aV7MWFDVFkk

plurid' is an open-sourced software package to generate 3D user interfaces

I gave this a bit of thought earlier this year (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/): 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), 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/doc...), with spatial metaphors and first-person exploration of code.

Primitive (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), an automated code analysis tool that includes dependency maps and trace views.

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)), an experimental application to view a file system in 3D (featured in Jurassic Park).

https://github.com/tikimcfee/LookAtThat

View, search, and analyze arbitrary source code (best support of Swift right now) in 3D and AR space. You open your phone or tablet, yeet hundreds of files into 3D space, and can start highlighting, moving, and tracing execution by literally walking around your code. The desktop app has similar features, and the standard 3D viewer is just as fun.

I would love help - from anyone of any kind - to build this out towards greater usefulness. It’s a lot of fun, it’s super cool to look at, and it’s the thing I’ve wanted to use since I was a small child.

“Let me touch the words!!”

I feel like I’ve been spamming this everywhere and any time I get the chance, but I really want people to join in and help define this experience with me for developers.

https://github.com/tikimcfee/LookAtThat

AR VR for iOS and macOS. Millions of glyphs. Instant control. There’s magic here. If this excites you, work with me and help make this a reality! I don’t have all of it in me.

I wish I did. I don’t. I don’t have all the time and energy. But there are people here that if they spent just a little time to work on this, we would be in the future of a 3D code space in days, and not weeks or months.

I owe a new readme for the project. If any of this makes you feel any feelies, get in contact with me star it, make noise, whatever!

Lotta love to yall. Thanks for letting me vomit words.

I have this mostly working for Swift by thread and execution tracing matched to syntax analysis in https://github.com/tikimcfee/LookAtThat.

You can record app execution, and then play it back thread and line and by line to see each line executing in time. It’s kinda fun to see millions of lines flash and highlight and move at 60fps and seeing implicit relationships between executing files and high level functional flows

If 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