vatmart / graphweb

Create and visualize graph, perform algorithms on it and see result, manageable by player

GraphWeb — App for visualization of Graphs and Algorithms

Description

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

Features

• 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

Desktop version:

Mobile version:

Technologies

GraphWeb is built using such frameworks and libraries:

• Angular To build app architecture
• PrimeNG To simplify UI designing
• PixiJS For efficient graph rendering

Installation

1. Clone the repository:

   git clone https://github.com/VatMart/GraphWeb.git
   cd GraphWeb

2. Install dependencies:

   npm install

3. Run the application:

   ng serve

   The application will be available at http://localhost:4200.

Contributing

Contributions are welcome! Please fork the repository, commit your changes, and open a pull request if you wish to improve the project.

License

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.