Skip to content

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 custom graph editor example

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%