Skip to content

Add Mempool Health Summary UI to Dashboard#3

Closed
mercie-ux wants to merge 9 commits into2140-dev:masterfrom
mercie-ux:mempool-health-summary
Closed

Add Mempool Health Summary UI to Dashboard#3
mercie-ux wants to merge 9 commits into2140-dev:masterfrom
mercie-ux:mempool-health-summary

Conversation

@mercie-ux
Copy link
Copy Markdown
Contributor

Description

This pr adds a visual summary component to the dashboard that displays mempool health metrics, showing the distribution of overpaid, underpaid, and within-range blocks based on fee analysis.

Note: This branch depends on updates from the feature/mempool-fee-estimation-dashboard branch, which contains required logic/data for this component.
Please merge feature/mempool-fee-estimation-dashboard into this branch before review or final merge.

Features

  1. Three status cards
  • Overpaid (Red): Avg fee > 75th percentile
  • Within Range (Green): Avg fee in 25th–75th percentile
  • Underpaid (Blue): Avg fee < 25th percentile
  1. Distribution bar chart
  • Horizontal stacked bar showing relative proportions
  • Color-coded segments matching status cards
  1. Info section
  • Tooltips and brief explanations for each metric

b-l-u-e and others added 9 commits September 24, 2025 10:21
Signed-off-by: b-l-u-e <winnie.gitau282@gmail.com>
- Merge backend-analytics into Flask app with /analytics/mempool-health endpoint
- Remove dummy data from frontend, connect to signet node
- Fix estimatesmartfee params and getblocktemplate for signet compatibility
- Add collector block coverage and high-fee inclusion metrics
- Simplify UI with dark/amber theme, display live performance metrics
Introduced D3.js library and create four new interactive chart components:
- FeeRateTimeline: real-time fee rate timeline with area chart
- MempoolSizeChart: mempool size bar chart over time
- FeeDistributionChart: percentile distribution visualization
- BlockStatsChartD3: enhanced block statistics with dual-axis chart
UI/UX Improvements:
- Consolidate stats and dashboard into unified single-page dashboard
- Add logarithmic scale Y-axis for fee rate visualization
- Plot 25th-75th percentile band per block height
- Overlay fee estimate line spanning target block heights
- Improve Y-axis tick formatting with round numbers
@ismaelsadeeq
Copy link
Copy Markdown
Collaborator

ismaelsadeeq commented Feb 27, 2026

Superseded by #4, thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants