hackquest logo

StoryAtlas

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.

Videos

Description

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.

Tech Stack

React
Next
Web3
Ethers
Node
Solidity
Team Leader
DDavid Marvy
Sector
Infra