Aurora is a web application for visualizing graphs using Cytoscape.js. This application allows you to upload JSON data representing graphs and visualize them with various layout options.
The document now is here.
- https://github.com/refinedev/refine
- https://github.com/TarikHuber/react-most-wanted
- https://github.com/mui/material-ui?tab=readme-ov-file
- https://github.com/leptos-rs/leptos
- Upload and visualize graph data in JSON format.
- Choose from popular graph layout options.
- Capture and export graph visualizations.
- User-friendly interface with an interactive graph view.
To run the Aurora Graph Visualization locally on your machine, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/Aurora.gitcd Aurora-
Install the required dependencies:
npm install
-
Build the project:
npm run build- Start the development server:
npm start- Open your web browser and access the application at http://localhost:3000/aurora/.
Upload Graph Data: Click on the "Upload and Visualize" button to upload a JSON file confaining graph data. The graph will be visualized using the default layout.
Change Layout: Use the dropdown list to choose from different layout options for the graph visualization. Select a layout and observe the graph rearrange accordingly.
Maximize Graph: Click this button to maximize the graph visualization for a better view.
Capture Graph: Capture the current graph visualization as an image.
Contributions are welcome! If you find a bug or have an enhancement in mind, please create an issue or submit a pull request. Make sure to follow the code of conduct.
This project is licensed under the GPLv3 License.
Aurora is named after the Roman goddess of dawn. The project uses Cytoscape.js for graph visualization and is inspired by the beauty of the dawn sky.
Happy graph visualization with Aurora!