The application provides a user-friendly interface for creating, editing, and analyzing graphs. Users can create graphs in several ways; customize the appearanceof the graph. The application also provides a set of algorithms that can be applied to the graph.
The goal of GraphWeb is to simplify the process of graph and algorithms visualization and manipulation for users ranging from students and educators to researchers and developers. The application provides a comprehensive platform for graph creation and analysis, enabling users to visualize and understand graph structures with ease.
See official site graphweb.io for a live demonstration
- Graph Visualization: Dynamic and interactive graph visualizations.
- Graph Creation: Create graphs using various methods: generation from options, manual drawing, importing from different inputs.
- Graph Customization: Modify graph styles, colors, and layouts.
- Force Layout: Automatically arrange graphs for optimal readability.
- Algorithm Visualization: Animate and visualize graph algorithms with step-by-step playback.
- Export as PNG: Save graphs as PNG images.
- Export Graph Data: Export graphs as matrices or sets of vertices and edges.
- Export Graph Output: See generated matrices/sets of built graph and export them as text.
GraphWeb adopted for desktops and mobile devices
GraphWeb is built using such frameworks and libraries:
- Angular To build app architecture
- PrimeNG To simplify UI designing
- PixiJS For efficient graph rendering
-
Clone the repository:
git clone https://github.com/VatMart/GraphWeb.git cd GraphWeb -
Install dependencies:
npm install
-
Run the application:
ng serve
The application will be available at
http://localhost:4200.
Contributions are welcome! Please fork the repository, commit your changes, and open a pull request if you wish to improve the project.
The project is licensed under the GraphWeb License. Public deployment, hosting, or commercial use is not permitted without prior written consent from the copyright holder.
See the LICENSE.md file for details.