Skip to content

A JavaScript library aimed at visualizing graphs of thousands of nodes and edges

License

Notifications You must be signed in to change notification settings

missglory/sigma.js

 
 

Repository files navigation




📚 Graph renderer (Sigma.js meta example)

This project is aimed to serve as an intermediate layer between your project and useful graph representation. Right now it ships as a full-stack application with TypeScript frontend and Flask backend and only serves as a representation.



🚧 Under development!

Not even alpha. Supports only chromium for the moment!



📌 Initial roadmap:

  1. Implement golden layout like there https://godbolt.org/
  2. Add layers with filter masks
  3. Move construction of diff to the server microservice


✨ Features:

🎨 Feature 1: Rendering of clang AST and valgrind with UI

Loading_AST


Loading_Callgrind


📊 Feature 2: Getting histogram of tokens in file by count

Histogram


⏬ Feature 3: Getting all paths from one point to another

Paths


🔎 Feature 4: Searching and filtering by nodes' attributes

a) Let's say we want to delete functions from callgrind that appear to have no name:

Filter1


b) Now let's delete leafs

Filter2


⚖️ Feature 5: Getting diff of revisions with locations for every node in each file

Diff


📓 Feature 6: Searching AST by code

Code



⚙️ Setup

npm i \
&& cd examples/chrome_deps \
&& npm i

then probably

chmod +x replace-server-address.sh \
&& ./replace-server-address.sh localhost your_server_address.com

then

npm start

You're all set!

firefox localhost:3000

Radius

About

A JavaScript library aimed at visualizing graphs of thousands of nodes and edges

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 92.8%
  • GLSL 4.3%
  • HTML 1.7%
  • Other 1.2%