Graphit

A simple, lightweight web-based graph editor for those who can't wait to start graphing. Powered by p5.js

Key Features • How To Use • Roadmap • Credits • License

Key Features

• Easy and intuitive creation and deletion of nodes, edges, and drawings
• Supports uni and bidirectional, weighted and unweighted edges, multiedges, self-loops
• Text input with competitive programming formatting: import graph information faster
• Edge list visualisation
• Download image with graph and annotations (easy way to generate graph theory visuals!)

How To Use

Simply access erickcpassos.github.io/graphit and follow the (really friendly) introductory tutorial.

Roadmap

These are some of the functions that will make Graphit even better!

• Visible self-loops
• Download graph image
• Multiple values on edges
• Multiedges visibly separated
• Draw with pencil on top of the graph (does not affect nodes and edges)
• Colors in nodes and edges
• Easily create known graphs such as K_n or ring_n
• Color graph with <= n colors, show Eulerian/Hamiltonian path
• Additional data structure visualisations (adjacency list, adjacency matrix)
• Add values to nods

Credits

This software uses the following open source packages:

• p5.js
• Node.js

License

MIT

---

erickcpassos.github.io  ·  GitHub @erickcpassos