EcoGraph | Recursive Carbon Intelligence

EcoGraph is a premium sustainability platform that uses Structured Content to solve one of the most complex problems in climate tech: Recursive Carbon Accounting.

💡 Inspiration

Most carbon accounting tools today are "flat." They look at a company's direct emissions or their immediate tier-1 suppliers. But true sustainability is deep—it’s a graph. We were inspired by the challenge of traversing multi-level supply chains (Bill of Materials) to calculate the true environmental cost of a product. We wanted to build the "Google Maps for Carbon"—a tool that lets you zoom from a finished product down to the specific raw materials and suppliers that make it up.

🚀 What it does

EcoGraph maps the entire DNA of a product's supply chain. It provides:

1. Recursive Carbon Analysis: Automatically traverses N-levels of sub-components to aggregate a total CO2e footprint.
2. Visual Supply Chain Explorer: An interactive, node-based map that visualizes the entire hierarchy of materials and components.
3. "What-If" Simulation Engine: A high-fidelity sandbox where engineers can swap materials or suppliers and see the projected impact reduction for the entire product line instantly.
4. AI Supply Chain Optimizer: A smart engine that identifies "Carbon Hotspots" and suggests certified alternatives within the same material category.
5. Regulatory Compliance Dashboard: An automated CSRD/ESRS audit system that flags products with expired supplier certifications or missing verification data.

🛠️ How we built it

• Content Lake: Sanity.io (Graph-Relational Content Lake). Its reference fields and GROQ query language made recursive tree traversal incredibly efficient.
• Frontend: Next.js 15 (App Router, React Server Components) for a blazing-fast, SEO-friendly experience.
• Animations: Framer Motion for premium, cinematic UI transitions and interactive data visualizations.
• Recursive Logic: Custom GROQ engines that perform hierarchical data aggregation in a single query.
• Development: Built with the Sanity MCP Server, allowing for rapid AI-assisted schema modeling and relational data management.

🚧 Challenges we ran into

• Recursive Aggregation: Calculating a final footprint requires summing values across deeply nested trees. We had to optimize our queries to handle deep component hierarchies without performance degradation.
• Dynamic Simulations: Creating a "What-If" sandbox that recalculates the entire tree's footprint in real-time as a user swaps materials was a significant state-management challenge.
• Complexity into Clarity: Turning complex, abstract carbon data into a premium, digestible UI that procurement teams and engineers can actually use.

🏆 Accomplishments that we're proud of

• The Recursive Engine: We built a system that handles multi-level supply chains with millisecond response times.
• Premium Visual Language: A "Eco-Tech" aesthetic that moves away from boring spreadsheets and into a high-performance dashboard.
• Structured Impact: Successfully demonstrating how Structured Content (via Sanity) isn't just for blogs—it's a critical tool for solving global logistics and sustainability problems.

📖 What we learned

• Graph > Relational: For complex hierarchies like supply chains, a graph-relational approach is far superior to traditional flat databases.
• Data is Design: The way content is structured directly impacts the features you can build. Without specific relationships between Materials, Suppliers, and Components, our "AI Optimizer" wouldn't be possible.

🔮 What's next for EcoGraph

• Live IoT Integration: Connecting factory-floor sensors directly to the Sanity Content Lake for real-time emission tracking.
• Cost-Carbon Equilibrium: Adding financial modeling to help teams balance sustainability goals with budget constraints.
• Geospatial Tracking: Visualizing the physical flow of goods across the globe to factor in logistics-based carbon footprints.

Developed for the Sanity + AI Hackathon.

Built With

• 19
• bootstrap5
• framermotion
• groq
• javascriptes6
• lucidereact
• next-sanity
• next.js
• react
• sanity.io
• sanitymcpserver
• tailwindcss
• typescript
• vercel