plurid
TypeScript-Call-Graph
Our great sponsors
plurid | TypeScript-Call-Graph | |
---|---|---|
5 | 3 | |
21 | 213 | |
- | - | |
7.2 | 0.0 | |
4 months ago | about 1 year ago | |
TypeScript | JavaScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
plurid
-
VisionOS
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
-
Show HN: How to create a 3D space using CSS
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'?
plurid' is an open-sourced software package to generate 3D user interfaces
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
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).
- Plurid: Underframe to Render Information as a 3D Explorable Structure
TypeScript-Call-Graph
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
Specifically for TypeScript I created a CLI to visualize the call graph
https://github.com/whyboris/TypeScript-Call-Graph
Works for _functions_ not classes. I'm unsure how useful this tool is, but I suspect it might be helpful in some codebases.
-
Create and share beautiful images of your source code
A slightly-related project I created: TypeScript Call Graph - generate/visualize a call graph of your TypeScript files in a variety of ways. MIT open source ;)
https://github.com/whyboris/TypeScript-Call-Graph
-
How an Anti-TypeScript “JavaScript developer” like me became a TypeScript fan
Mildly-related project I have: generate call graph for typescript files
https://github.com/whyboris/TypeScript-Call-Graph
The TypeScript language service is really neat -- you can use it to parse through .ts files so you can, for example, see which functions call which functions.
What are some alternatives?
spekt8 - Visualize your Kubernetes cluster in real time
ts-node - TypeScript execution and REPL for node.js
shotglass - Tools to visualize large code bases in different ways.
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
digital-gardeners - Resources, links, projects, and ideas for gardeners tending their digital notes on the public interwebs
typescript-is
saddle-data-graph - where does it come from, where does it go?
codebase-visualizer-action - Visualize your codebase during CI.
glTF - glTF – Runtime 3D Asset Delivery
LookAtThat - Render source code in 3D, for macOS and iOS.
proposal-record-tuple - ECMAScript proposal for the Record and Tuple value types. | Stage 2: it will change!