Network Explorer is a visual interface for exploring knowledge graphs and network relationships. It allows users to upload CSV files or use predefined datasets to visualize and analyze network connections.
- Interactive network visualization
- Customizable source, target, and metric selection
- Drag and drop CSV file upload
- Predefined demo datasets
- Adjustable threshold filtering
- Dark mode support
You can try out the live version of Network Explorer at network.straive.app.
-
Upload Data:
- The CSV file should contain at least two columns representing the source and target nodes of the network.
- An optional third column can be used as a metric to weight the connections.
- Drag and drop a CSV file onto the designated area, or click to select a file.
- Alternatively, click on one of the provided demo datasets.
-
Configure Visualization:
- Select the source and target columns from your data.
- Optionally, choose a metric column for weighting connections.
- Adjust the threshold slider to filter connections.
-
Explore the Network:
- Interact with the network visualization by dragging nodes.
- Hover over nodes to see additional information.
- Use the brush tool to select multiple nodes and view details in the sidebar.
-
Toggle Dark Mode:
- Use the theme toggle in the top-right corner to switch between light, dark, and auto modes.
To set up the Network Explorer locally:
-
Clone the repository:
git clone https://github.com/gramener/network.git cd network -
Serve the files using a local web server. For example, using Python:
python -m http.server 8000 -
Open a web browser and navigate to
http://localhost:8000.
- D3.js for data visualization
- Bootstrap for styling
- lit-html for templating
- @gramex/network for network layout calculations
Contributions to Network Explorer are welcome! Please submit issues and pull requests through the GitHub repository.
This project is licensed under the MIT License. See the LICENSE file for details.