/Javascript-Explorer-Callgraph

Call graph based on Abstract Syntax Tree in Javascript
  1. JavaScript 77.5%
  2. HTML 21.6%
  3. CSS 0.9%
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
uploads
.gitignore
LICENSE
README.md
package.json
server.js

README.md

Javascript Explorer

Generates a call graph for a Javascript file based on Abstract Syntax Tree.

D3's Force Directed Graph is used for the call graph visualization.

How to use?

npm install

npm start

Open http://localhost:3000 on the browser

Upload a javascript file

See the Call graph

image

Technical Details

Client Side

  • UI is designed with Bootstrap

  • JQuery is used for File uploads

  • D3.js is used for call graph visualizations

Server Side

  • Escodegen is used for generating the Abstract Syntax Tree for a given Javascript

  • ExpressJS is used for serving the app on port 3000

About the Author

Sudharsan Rajagopalan is a Solution Architect and a full-stack developer with 11 years experience in cloud, container, front-end, back-end and mobile technologies.

Enjoy!