For a full walkthrough, read this blog entry.
This repository demonstrates how to fetch and display Total Value Locked (TVL) data from Messari standard subgraphs using a single GraphQL query. The example focuses on two platforms: Curve Finance and SushiSwap.
- HTML
- CSS
- JavaScript (Fetch API for network requests)
- Clone the repository.
- Open
index.html
in your browser to view the application.
The application fetches TVL data for a specific date (August 20th, 2023) from two different subgraphs:
- Curve Finance
- SushiSwap
The data is displayed in a user-friendly format on the webpage.
index.html
: Contains the structure of the web page.app.js
: Contains the JavaScript code to fetch and display the data.styles.css
: Contains the styles applied to the webpage.
Simply open the index.html
file in a web browser to see the TVL data displayed.