@hummusonrails/robinhood-testnet-activity-widget

Embeddable web component that visualizes onchain activity on Robinhood Chain Testnet. One script tag, zero framework dependencies.

Install

CDN (easiest)

<script src="https://unpkg.com/@hummusonrails/robinhood-testnet-activity-widget/dist/activity-nft.js"></script>

npm

npm install @hummusonrails/robinhood-testnet-activity-widget

Usage

<activity-nft
  address="0xYOUR_ADDRESS"
  rpc-url="https://rpc.testnet.chain.robinhood.com"
  width="400"
  height="400"
></activity-nft>

Attributes

| Attribute | Required | Default | Description | |:----------|:---------|:--------|:------------| | address | yes | — | Wallet address to visualize | | rpc-url | no | https://rpc.testnet.chain.robinhood.com | RPC endpoint | | width | no | 500 | Canvas width in pixels | | height | no | 500 | Canvas height in pixels | | theme | no | — | Reserved for future use |

JavaScript API

const el = document.querySelector("activity-nft");

// refresh data
await el.refresh();

Import as module

import { drawVisualization, fetchActivity } from "@hummusonrails/robinhood-testnet-activity-widget";

const data = await fetchActivity("0x...", "https://rpc.testnet.chain.robinhood.com");
// use drawVisualization with your own canvas context

What it renders

An animated canvas visualization showing:

• Orbital rings derived from the wallet address
• Transaction nodes plotted as orbiting dots
• Particle effects based on activity volume
• Stats overlay (tx count, balance, blocks scanned)

Build from source

git clone https://github.com/hummusonrails/robinhood-testnet-activity.git
cd robinhood-testnet-activity/packages/activity-widget
pnpm install
pnpm build
# output: dist/activity-nft.js

License

MIT