Assetviz is a web application code base visualization tool. Generate a self encapsulated html-file with a force directed graph representing the assets in your project and their relations.
As an added bonus this also works with any web page url as well.
npm install assetviz
If you get installation errors for node-canvas, don't despair. It's an optional dependency used by Assetgraph to do some other cool stuff that isn't used in AssetViz.
$ assetviz [-h] [-v] [-r /path/to/webroot] [-o output.html] /path/to/webroot/index.html
$ google-chrome assetviz.html
The command line tool outputs an html-file called assetviz.html in the current working directory.
index.html in that pathpath/to/webroot/**/*.html-h : Help
-o : Output. The file name to output to. - pipes to stdout. Defaults to ./assetviz.html if undefined.
-r : Root. Tells AssetViz which directory to treat as the web root. Only useful if you are graphing an html-file that has relations outside its own directory.
-v : Verbose. Includes inline assets in the output graph. If unset only inline elements relevant to describe file relations will be shown.
The outputted graph html-file is called assetviz.html. It is a self contained file with no external dependencies, so you can upload it anywhere, email it or do whatever you want with it without worrying about dependencies or being online to view.
While viewing the graph you can use the mousewheel to zoom and click+drag to pan (google maps style navigation).
Andreas Lind Petersen for all his wonderful work on Assetgraph. We have barely scratched the surface of the potential this project has. Kenneth Auchenberg for his visualization work and revitalization of the source code visualization dream.
FAQs
A graph visualization of the assets and their relations in your web app
The npm package assetviz receives a total of 4 weekly downloads. As such, assetviz popularity was classified as not popular.
We found that assetviz demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.