Description
The analytics page (/app/analytics) exists but lacks meaningful data visualizations. For a streaming protocol, users need to understand their streaming activity through charts and metrics.
Proposed Charts
- Streaming Volume Over Time — area chart showing total tokens streamed per day/week/month
- Token Distribution — donut chart breaking down streams by token (XLM, USDC, EURC)
- Stream Status Breakdown — bar chart showing active vs completed vs cancelled streams
- Top Recipients — table showing most-streamed-to addresses with totals
- Unlock Progress — aggregate progress bar showing total unlocked vs locked across all streams
Technical Approach
Use recharts (already common in React ecosystems) or @visx/xys for lightweight, composable charts. Data derived from the existing useStreams hook — no new contract calls needed.
Acceptance Criteria
Description
The analytics page (
/app/analytics) exists but lacks meaningful data visualizations. For a streaming protocol, users need to understand their streaming activity through charts and metrics.Proposed Charts
Technical Approach
Use
recharts(already common in React ecosystems) or@visx/xysfor lightweight, composable charts. Data derived from the existinguseStreamshook — no new contract calls needed.Acceptance Criteria