Skip to main content

Cryptocurrency Dashboard

The Cryptocurrency Dashboard provides a comprehensive overview of the digital asset market, allowing you to monitor prices, track performance across multiple timeframes, analyze market capitalization, and identify trading opportunities among the top cryptocurrencies.

Overview​

The Cryptocurrency Dashboard offers a data-rich environment for cryptocurrency investors and traders, helping you:

  • Track real-time and periodically updated prices of the top 50 cryptocurrencies (updated every 5 minutes)
  • Compare performance across different timeframes (24H, 7D, 30D - updated every 5 minutes)
  • Visualize price trends with 7D trend charts (sparklines updated every 30 minutes)
  • Monitor market capitalization and trading volumes (updated every 5 minutes)
  • Identify top performers and underperformers
  • Filter cryptocurrencies based on various criteria

Key Components​

Cryptocurrency Table​

The main component of the dashboard is a comprehensive table displaying the top 50 cryptocurrencies with detailed metrics:

  • Rank (#): Market rank based on market capitalization
  • Name: Cryptocurrency name and symbol (e.g., "Bitcoin" with symbol "BTC")
  • Price: Current price in USD
  • 24H %: Percentage price change over the past 24 hours (color-coded)
  • 7D %: Percentage price change over the past 7 days (color-coded)
  • 30D %: Percentage price change over the past 30 days (color-coded)
  • Last 7 Days: Sparkline chart showing price movement over the past week
  • Market Cap: Total market value in USD
  • Volume (24H): Trading volume over the past 24 hours in USD

Each row in the table represents a cryptocurrency with all its associated metrics, allowing for quick comparison across assets. The table includes major cryptocurrencies from the top 50 by market capitalization.

Filter Options​

The dashboard includes powerful filtering capabilities to help you focus on specific cryptocurrency segments:

  • Top: Default view showing cryptocurrencies ranked by market capitalization
  • Gainers: Filter to show cryptocurrencies with the highest positive price changes
  • Losers: Filter to show cryptocurrencies with the largest negative price changes
  • Volume: Filter to show cryptocurrencies with the highest trading volumes

These filters can be applied to different timeframes (1D, 7D, 30D) to identify top gainers/losers or highest volume assets.

Price Charts​

Each cryptocurrency includes a sparkline chart showing price performance over the past 7 days:

  • Line Color: Green for positive 7-day performance, red for negative 7-day performance
  • Trend Visualization: Quick visual representation of recent price movement

Performance Indicators​

The dashboard uses color-coding for percentage changes to quickly identify performance:

  • Green: Positive percentage changes (price increases)
  • Red: Negative percentage changes (price decreases)

How to Use the Cryptocurrency Dashboard​

  1. Market Overview: Start with the "Top" view to understand the current state of the top 50 cryptocurrencies.
  2. Performance Analysis: Compare 24H, 7D, and 30D percentage changes for short, medium, and longer-term trends.
  3. Opportunity Identification: Use filters (Gainers, Losers, Volume) across different timeframes.
  4. Market Cap & Volume Assessment: Analyze these metrics for relative size and liquidity.
  5. Trend Visualization: Use the 7-day sparkline charts to assess recent price patterns.

Data Sources and Refresh Rates​

  • Data Provider: CoinMarketCap API.
  • Core Data (Price, Rank, Market Cap, 24H/7D/30D % Changes, Volume): Fetched from CoinMarketCap and updated in the backend cache every 5 minutes.
  • 7-Day Sparkline Chart Data (Price History): Fetched from CoinMarketCap and updated in the backend cache every 30 minutes.
  • Frontend Display: The dashboard polls the backend service every 60 seconds to retrieve the latest cached data.