
- (Top Right) File upload box where a user can upload either .rdf or .ttl files from a local machine
- (Center Right) Follapsable control panel that includes: ++ Collision Force, Force Strength, and Link Distance ++ Node Color Pickers and Manual Hex Inputs ++ PNG & PDF screen capture exports (this grabs JUST the graph visualization)
- (Bottom Right) Mannual Zoom buttons (may also use mouse or trackpad to Zoom in and out)
- (Bottom Left) Dynamic Graph Legend to color categorize the available nodes in the uploaded file
- (Top Left) Node Details Pop Up - This gives more information about a selected node on the spider graph
- (Top Center) Collapsable Node Search Function
- Full screen interactive animated graphing visualization
- Node Mouseover Tooltips that give high level details of a node

^^^
- (Top Center) Expanded Node Search (uses fuzzy searching for better results)
Weaver is a powerful web-based visualization tool designed to help users understand and explore RDF (Resource Description Framework) and Turtle ontology files through an interactive and intuitive interface. Built with modern web technologies, Weaver makes it easy to upload, analyze, and visualize complex ontological relationships.
- Direct file upload support for RDF/XML (.rdf, .owl) and Turtle (.ttl) formats
- Interactive force-directed graph visualization
- Dynamic node filtering by type
- Real-time graph manipulation
- Customizable force simulation parameters
- Zoom and pan controls
- Node collision and link distance adjustments
- Custom color schemes for different node types
- Fuzzy search functionality across all node properties
- Detailed node information display
- Connected node highlighting
- Type-based filtering
- High-quality PNG export
- PDF export functionality
- Configurable export settings
- Node.js (v16 or higher)
- npm or yarn
# Clone the repository
git clone https://github.com/wavebound/weaver.git
# Navigate to project directory
cd weaver
# Install dependencies
npm install
# Start the development server
npm run dev
- Launch the application
- Use the file upload button to select your RDF or Turtle file
- Click "Visualize" to generate the interactive graph
- Use the control panel to adjust visualization parameters
- Export or share your visualization as needed
- Frontend Framework: React
- Visualization: D3.js
- RDF Parsing: N3.js
- Styling: Tailwind CSS
- Build Tool: Vite
- Search: Fuse.js
# Run in development mode
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Run linter
npm run lint
We welcome contributions! Please see our Contributing Guidelines for details on how to submit pull requests, report issues, and contribute to the project.
While Weaver is open-source under the MIT License, Wavebound, LLC offers several commercial services:
- Enterprise Support
- Custom Development
- Hosted Solutions
- Training & Implementation
- Integration Services
For commercial inquiries, please contact: support@wavebound.io
Copyright (c) 2024 Wavebound, LLC. This project is licensed under the MIT License - see the LICENSE file for details.
- D3.js community for their excellent visualization library
- N3.js team for their RDF parsing capabilities
- Our open source contributors
Made with ❤️ by Wavebound, LLC
© 2024 Wavebound, LLC. All rights reserved.