EAS Visualizer

Overview

Visualise your EAS Schema like never before! This project uses the ThreeGraph module to create a 3D graph that helps you understand the relationships and pathways within your EAS ecosystem. Explore, zoom, and highlight to your heart's content.

Future Features

• 🌈 Highlight Paths: Effortlessly track the path of any selected citizens to unveil their connections.
• 🎭 ENS & Optimism NFT Support: If your address boasts an ENS or an Optimism NFT, we’ll showcase it.
• 📜 List & Grid View: A streamlined list and grid view for quick access to all badgeholders.
• 📚 Intuitive Interface: Delve into more details with descriptive titles and an array of options. And more features on their way!
• 🔍 Advanced Filtering: Customise your exploration with filters to find exactly what you're looking for.

And more features on their way!

Getting Started

Prerequisites

• Node.js installed
• Yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/xannyxs/attestation-visualizer.git

2. Navigate into the directory

   cd attestation-visualizer

3. Install dependencies

   yarn install

Running the Development Server

Start the development server by running:

yarn dev

Now open http://localhost:3000 in your browser to see the magic happen!

Contributing

If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcomed.

Credits

• JSeiferth: Check out his GitHub here.

Source

• Where it all started... Ecosystem Project Idea: Voting Badge Attestation Visualizer