Co-Eco-Graph

Demo

About

Co-Eco-Graph is an interactive Web3 exploration tool that reveals how smart contracts are used across the decentralized indexing ecosystem. Instead of examining a contract through isolated blockchain explorers or manually searching for related data, users can enter a contract address and discover the subgraphs that index it across The Graph Network. The application transforms this information into a visual graph connecting the contract with its subgraphs, data sources, event handlers, entities, and GraphQL fields. This makes it easier to understand what data is being indexed, how different subgraphs represent the same contract, and what information is available for further analysis. The project is designed to bridge the gap between raw blockchain indexing infrastructure and human understanding. It combines decentralized data discovery, structured schema analysis, interactive visualization, and AI-powered storytelling in a single lightweight application.

How it's made

Co-Eco-Graph is built with vanilla TypeScript, Vite, and SVG to create an interactive, framework-free graph visualization of smart contract ecosystems. The frontend communicates with a Vercel serverless API that queries The Graph Network to discover subgraphs indexing a contract, retrieves their manifests and GraphQL schemas from IPFS, and extracts entities, fields, data sources, and event handlers. The collected data is combined into a compact dataset and sent to Pollinations through its OpenAI-compatible API for AI-powered interpretation and fantasy-style image generation. The result is a visual, explorable map of how contracts are used across Web3, combining decentralized indexing, IPFS metadata, serverless processing, and AI storytelling in one lightweight application.