Weaver

A modern, interactive visualization tool for RDF and Turtle ontologies

Developed by Wavebound, LLC

SCREENSHOT 1

weaver visualization interface comes with...

• (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

^^^

SCREENSHOT 2

• (Top Center) Expanded Node Search (uses fuzzy searching for better results)

Overview

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.

Features

Core Functionality

• 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

Visualization Controls

• Customizable force simulation parameters
• Zoom and pan controls
• Node collision and link distance adjustments
• Custom color schemes for different node types

Search & Analysis

• Fuzzy search functionality across all node properties
• Detailed node information display
• Connected node highlighting
• Type-based filtering

Export Options

• High-quality PNG export
• PDF export functionality
• Configurable export settings

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

# 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

Basic Usage

1. Launch the application
2. Use the file upload button to select your RDF or Turtle file
3. Click "Visualize" to generate the interactive graph
4. Use the control panel to adjust visualization parameters
5. Export or share your visualization as needed

Technology Stack

• Frontend Framework: React
• Visualization: D3.js
• RDF Parsing: N3.js
• Styling: Tailwind CSS
• Build Tool: Vite
• Search: Fuse.js

Development

# Run in development mode
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Run linter
npm run lint

Contributing

We welcome contributions! Please see our Contributing Guidelines for details on how to submit pull requests, report issues, and contribute to the project.

Commercial Support

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

License

Copyright (c) 2024 Wavebound, LLC. This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• D3.js community for their excellent visualization library
• N3.js team for their RDF parsing capabilities
• Our open source contributors