StoryAtlas is a developer tool that visualizes the relationships between IP assets on Story Protocol as an interactive, force-directed graph. Built for the Surreal World Assets Buildathon.
Story Atlas is an interactive web-based visualization and analytics platform for exploring IP (Intellectual Property) assets and their relationships on the Story Protocol blockchain. It's a Next.js application that provides real-time insights into the IP ecosystem.
Key Features:
Interactive Force-Directed Graph
• Visualizes IP assets as nodes and their relationships (derivatives, remixes) as connected edges
• Dynamic force simulation for intuitive exploration of IP networks
Advanced Search & Filtering
• Real-time search across all IP assets
• Filter by asset type, license type, and relationships
• Active filter management with visual indicators
Time Travel Mode
• Scrub through historical data to see how the IP network evolved over time
• Animated transitions showing asset creation chronologically
Genealogy Tree Viewer
• Hierarchical visualization of IP lineage
• Shows parent-child derivative relationships
• Displays license types and derivative counts
Analytics Dashboard
• Comprehensive metrics and statistics
• Network topology insights
• IP asset distribution analysis
• Growth trends and patterns
Built With
• Next.js 16, React 19, TypeScript
• Story Protocol Core SDK for blockchain integration
• D3.js and react-force-graph-2d for visualizations
• Wagmi for Web3 connectivity
The project currently displays up to 1,000 IP assets and provides a clean, dark-themed interface for exploring the Story Protocol ecosystem in real-time.