CeloSpy

A Comprehensive dApp for Celo ecosystem overview

CeloSpy is your dedicated portal into the celo ecosystem, displaying comprehensive metrics, charts, visualisations and analysis for the celo network.

  • API Access: Redirects to a guide to use DappLooker API SDK

  • Screenshot: The camera icon allows taking a screenshot of the dashboard.

  • View Records: Leads to Celo Network datasets on DappLooker.

  • Share: Provides a public link to share the dashboard and an embed code for blogs or web pages.

  • Fork: Navigates to the collection where the dashboard is saved.

  • View All Charts: It redirect's' you to the Celo collection where all Celo charts are stored on DappLooker Analyzer

Network Overview Monitor
Transaction Overview Monitor

The Celo Transaction overview monitor dashboard provides a comprehensive view of transaction activities on the Celo blockchain. Like Transaction Trends, Gas Prices, Transaction Types & Currency Usage

Token Metrics Monitor

The Celo Token Metrics Monitor Dashboard provides a comprehensive view of various CELO Tokens Metrics such as user activity, transaction volumes, value transferred, and gas consumed by different tokens within the Celo ecosystem.

Wallet Overview Monitor

The Celo Wallet Overview Dashboard provides detailed overview of wallets and users on Celo. It provides metrics such as the number of unique wallets, daily active users, and the comparison between daily sending versus receiving users. These metrics are essential for understanding user engagement and the flow of transactions within the Celo network.

My History

By clicking on “My History,” you can connect your Metamask wallet to view various insights into your wallet history and activity on Celo. These insights include:

  • Average Transaction Fee: The average cost of your transactions.

  • Number of Transactions: The total transactions you’ve made in the last 3 months.

  • Value Transferred: The total value you’ve transferred in the last 7 days.

  • CELO Transferred: The amount of CELO tokens you’ve transferred in the last 7 days.

This information can help you monitor your transaction habits and wallet activity.

Public APIs

CeloSpy is built using DappLooker SDK and showcases the power of DappLooker's easy and developer friendly tools.

Developers can access all CeloSpy's charts and dashboards on DappLooker, including their APIs and Embed Code.

In this guide, we'll show you how to leverage CeloSpy's charts, dashboards, and APIs using DappLooker SDK for various use cases.

Get started

To start using the DappLooker SDK, follow these steps:

1. Install the SDK:

npm install dapplooker-sdk

2. Generate an API Key:

  • Begin by sign in to DappLooker either through Metamask or email.

  • Proceed to the Products section and locate the API SDK. Click on it to proceed.

  • Within the API SDK interface, select the option labeled "+API Key"

and designate a name for your API key. Subsequently, click on "Generate Key" to generate the key.

  1. Import the SDK

Once you have installed the SDK, import it into your project. With the imported SDK, create an instance of the DappLookerChartsAPI and make API calls using the API key

  1. Proceed to click on "View All Charts" on the top right corner of CeloSpy.

  1. It will redirect you to the Celo Collection where all of the CeloSpy charts are stored. You can access the collection by signing in to DappLooker.

  1. In Celo collection locate the chart that you would like to use (for eg, lets take Daily CELO Volume) and open it.

  1. To generate JSON API or Chart UUID, click on the API button and copy the required field.

  1. Utilize your API key and JSON APIs or Chart UUID in accordance with your preferences.

Example

Here's an example of how you can use the DappLooker SDK using API key and Chart UUID

const DappLookerChartsAPI = require("dapplooker-sdk");

async function getChartData() => {
  let chartUUID = "dc9b69d8-7ca1-45d4-8ad0-a17f915f3f0"; // Replace it with chart UUID you are working with
  let apiKey = "qzusb5p3q246ip246ab6g0p8ppzb7u"; // Replace it with your API key
  let outputFormat = 'json' // This is a optional argument, valid value is `json`.
  let filterParameter = {}; // Add Parameter if required

  let response = await DappLookerChartsAPI.getChartData(chartUUID, apiKey, outputFormat);
  console.log("API Response Data: ", JSON.stringify(response));
};

getChartData();

Last updated