https://github.com/ldsanchez/covalent-transactions-sankey-chart

https://github.com/ldsanchez/covalent-transactions-sankey-chart

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ldsanchez/covalent-transactions-sankey-chart
• Owner: ldsanchez
• Created: 2022-06-25T06:44:45.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-07-08T13:07:57.000Z (almost 4 years ago)
• Last Synced: 2023-12-12T16:34:06.427Z (over 2 years ago)
• Language: JavaScript
• Homepage: https://covalent-transactions-sankey-chart.vercel.app/TransactionsSankeyChart
• Size: 92.8 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🏗 Next.js - Wallet Sankey Chart Viz

> An easy way to visualize inflows and outflows from a Wallet using the Sankey Chart! 🚀 part of a submission to GR4 Covalent Hackaton

![Transactions Sankey Chart](https://user-images.githubusercontent.com/5996795/176727499-f12340df-0199-4d47-9755-146b2e45e5ce.png)

# 🏄‍♂️ Quick Start

Prerequisites: [Node (v16 LTS)](https://nodejs.org/en/download/) plus [Yarn](https://classic.yarnpkg.com/en/docs/install/) and [Git](https://git-scm.com/downloads)

> clone/fork 🏗 Next.js - Wallet Sankey Chart Viz

```bash

git clone https://github.com/ldsanchez/covalent-transactions-sankey-chart.git

```

> install:

```bash

cd covalent-transactions-sankey-chart

npm install

```

> start your 📱 frontend:

```bash

nom run dev

```

📝 Edit your `.env` & update the COVALENT_KEY, get one at https://www.covalenthq.com

📱 Open http://localhost:3000/TransactionsSankeyChart to see the app

# Use it! 🛰

put your wallet address as a parameter (ex: address=vitalik.eth)

# 💌 P.S.

🌍 Need to upload a fix for Cycles, as Sankey charts doenst allow for cycles A -> B -> A

---

🙏 Please check out our [Gitcoin grant](https://gitcoin.co/grants/2851/scaffold-eth) too!